canonical-web-and-design/global-nav (@canonical/global-nav)
### [`v3.6.4`](https://togithub.com/canonical-web-and-design/global-nav/compare/v3.6.3...3add9673856e0842cabf2bdf6a9ce22962d6dca0)
[Compare Source](https://togithub.com/canonical-web-and-design/global-nav/compare/v3.6.3...v3.6.4)
### [`v3.6.3`](https://togithub.com/canonical/global-nav/releases/tag/v3.6.3)
[Compare Source](https://togithub.com/canonical-web-and-design/global-nav/compare/v3.6.2...v3.6.3)
### What's Changed
- Bumped Vanilla version to V 4.9.0
### [`v3.6.2`](https://togithub.com/canonical/global-nav/releases/tag/v3.6.2): 3.6.2
[Compare Source](https://togithub.com/canonical-web-and-design/global-nav/compare/v3.6.1...v3.6.2)
### What's Changed
- Fix max-width being set on the wrong element by [@petesfrench](https://togithub.com/petesfrench) in [https://github.com/canonical/global-nav/pull/277](https://togithub.com/canonical/global-nav/pull/277)
canonical/vanilla-framework (vanilla-framework)
### [`v4.9.0`](https://togithub.com/canonical/vanilla-framework/releases/tag/v4.9.0)
[Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v4.8.0...v4.9.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 v4.9.0
##### π Features
- Add `p-media-container` class by [@petesfrench](https://togithub.com/petesfrench) ([#5012](https://togithub.com/canonical/vanilla-framework/issues/5012))
- Add theme support for code snippet by [@britneywwc](https://togithub.com/britneywwc) ([#5004](https://togithub.com/canonical/vanilla-framework/issues/5004))
- Add a fourth level of nesting to the side navigation component by [@petesfrench](https://togithub.com/petesfrench) ([#5010](https://togithub.com/canonical/vanilla-framework/issues/5010))
- Buttons themes by [@bartaz](https://togithub.com/bartaz) ([#5024](https://togithub.com/canonical/vanilla-framework/issues/5024))
##### π Bug Fixes
- Fix regression that caused wrong success icon being used in lists by [@bartaz](https://togithub.com/bartaz) ([#5028](https://togithub.com/canonical/vanilla-framework/issues/5028))
- Fix nested list counter by [@codeEmpress1](https://togithub.com/codeEmpress1) ([#5011](https://togithub.com/canonical/vanilla-framework/issues/5011))
- Fix width of bold linked heading on hover in side-navigation by [@codeEmpress1](https://togithub.com/codeEmpress1) ([#5009](https://togithub.com/canonical/vanilla-framework/issues/5009))
- Fix bug where u-fixed-width wasn't having its padding reset when inside the new row classes by [@petesfrench](https://togithub.com/petesfrench) ([#5008](https://togithub.com/canonical/vanilla-framework/issues/5008))
- Adjust columns on mobile view for step-list--detailed by [@petesfrench](https://togithub.com/petesfrench) ([#5007](https://togithub.com/canonical/vanilla-framework/issues/5007))
##### π Documentation
- Theme switch in examples by [@codeEmpress1](https://togithub.com/codeEmpress1) ([#5022](https://togithub.com/canonical/vanilla-framework/issues/5022))
- Update link to Accessibility Alphabet by [@bartaz](https://togithub.com/bartaz) ([#5020](https://togithub.com/canonical/vanilla-framework/issues/5020))
- Add validation example by [@codeEmpress1](https://togithub.com/codeEmpress1) ([#5013](https://togithub.com/canonical/vanilla-framework/issues/5013))
##### π¨ Maintenance
- Fixed typo in GH issue template (out site -> our site) by [@tanyabouman](https://togithub.com/tanyabouman) ([#5018](https://togithub.com/canonical/vanilla-framework/issues/5018))
- Update dependency svgo to v3 by [@renovate](https://togithub.com/renovate) ([#5016](https://togithub.com/canonical/vanilla-framework/issues/5016))
- Update all non-major dependencies by [@renovate](https://togithub.com/renovate) ([#5015](https://togithub.com/canonical/vanilla-framework/issues/5015))
- Bump es5-ext from 0.10.53 to 0.10.63 by [@dependabot](https://togithub.com/dependabot) ([#5006](https://togithub.com/canonical/vanilla-framework/issues/5006))
- Remove repeated colours by [@britneywwc](https://togithub.com/britneywwc) ([#5003](https://togithub.com/canonical/vanilla-framework/issues/5003))
##### New Contributors
- [@codeEmpress1](https://togithub.com/codeEmpress1) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5009](https://togithub.com/canonical/vanilla-framework/pull/5009)
- [@tanyabouman](https://togithub.com/tanyabouman) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5018](https://togithub.com/canonical/vanilla-framework/pull/5018)
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.8.0...v4.9.0
### [`v4.8.0`](https://togithub.com/canonical/vanilla-framework/releases/tag/v4.8.0)
[Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v4.7.0...v4.8.0)
#### New in Vanilla v4.8.0
##### π New theming
This version introduces new theming system to Vanilla. Previous system was based on theme styling being applied on SCSS level on per-component basis. Newly introduced system utilises CSS custom properties to provide colour variables that are inherited through the whole document.
We currently support a light theme (default or via `is-light` class name) that features white background, paper theme (via `is-paper` class) that uses new "paper" grey background that is used on most of our new designs, and dark theme (via `is-dark` class) that is being used more often in recent designs to highlight some significant pages.
##### π§ Work in progress
Current release of Vanilla 4.8.0 contains the foundation work of this new theming and includes migration of most commonly used themed components. The work is not complete yet, there are still components that use the old theming system and many components not themed at all. We will continue to migrate remaining parts in upcoming versions.
We tried to make sure to keep this change backwards compatible, so hopefully it should not affect styling of existing components in any significant and unexpected way.
##### π¨ Default icon colour
As part of the theming we improved consistency of colours we use across themes. As a result of that the default colour of most of Vanilla icons (in default light theme) was changed to be the same as text colour (black `#000`) instead of previous value of `$color-mid-dark` (`#666`). If you are using any custom icons this may cause inconsistencies.
For consistency with Vanilla use built-in icons, or update your icons to use `$colors--light-theme--icon` (or `$colors--dark-theme--icon`), depending on the theme.
##### ποΈ New and deprecated components
Alongside the theming work, we are also providing components to help build page sections in the new branding style, and deprecating some old components to avoid confusion.
New components include the [hero section](https://vanillaframework.io/docs/patterns/section#hero-sections) and [new Suru sections](https://staging.vanillaframework.io/docs/patterns/suru), that should simplify building of the hero sections on the pages.
We also deprecated a variety of legacy strip variants, reducing the options and updating [the strip component](https://staging.vanillaframework.io/docs/patterns/strip) to utilise new theming.
For more details check the [changelog in our documentation](https://vanillaframework.io/docs/whats-new).
##### π Guest devs
Vanilla team was joined for a Pulse by wonderful guest developers: [@britneywwc](https://togithub.com/britneywwc) [@chillkang](https://togithub.com/chillkang). This release would not be possible without their contributions. Thanks!
##### π Changelog
##### π Features
- Update strip component to new theming system by [@bartaz](https://togithub.com/bartaz) ([#4996](https://togithub.com/canonical/vanilla-framework/issues/4996))
- Add theme support for table component by [@britneywwc](https://togithub.com/britneywwc) ([#5000](https://togithub.com/canonical/vanilla-framework/issues/5000))
- Update links to use new theming by [@bartaz](https://togithub.com/bartaz) ([#4997](https://togithub.com/canonical/vanilla-framework/issues/4997))
- Add theme support for muted text by [@britneywwc](https://togithub.com/britneywwc) ([#4994](https://togithub.com/canonical/vanilla-framework/issues/4994))
- Update core icons to support new theming system by [@bartaz](https://togithub.com/bartaz) ([#4993](https://togithub.com/canonical/vanilla-framework/issues/4993))
- Add more hero suru variants by [@bartaz](https://togithub.com/bartaz) ([#4989](https://togithub.com/canonical/vanilla-framework/issues/4989))
- Add dark theme support to notifications by [@chillkang](https://togithub.com/chillkang) ([#4971](https://togithub.com/canonical/vanilla-framework/issues/4971))
- Update chips with new theming support by [@chillkang](https://togithub.com/chillkang) ([#4986](https://togithub.com/canonical/vanilla-framework/issues/4986))
- Update Suru to support hero sections with 25/75 and 50/50 main suru backgrounds by [@bartaz](https://togithub.com/bartaz) ([#4985](https://togithub.com/canonical/vanilla-framework/issues/4985))
- Add theme support for form validation by [@britneywwc](https://togithub.com/britneywwc) ([#4981](https://togithub.com/canonical/vanilla-framework/issues/4981))
- Add theme support for search box by [@britneywwc](https://togithub.com/britneywwc) ([#4987](https://togithub.com/canonical/vanilla-framework/issues/4987))
- Add theme support for forms tick elements by [@britneywwc](https://togithub.com/britneywwc) ([#4977](https://togithub.com/canonical/vanilla-framework/issues/4977))
- Add theme support for forms password toggle by [@britneywwc](https://togithub.com/britneywwc) ([#4976](https://togithub.com/canonical/vanilla-framework/issues/4976))
- Add theme support for forms help text by [@britneywwc](https://togithub.com/britneywwc) ([#4975](https://togithub.com/canonical/vanilla-framework/issues/4975))
- Add new theme support for base forms by [@britneywwc](https://togithub.com/britneywwc) ([#4974](https://togithub.com/canonical/vanilla-framework/issues/4974))
- Hero section by [@bartaz](https://togithub.com/bartaz) ([#4973](https://togithub.com/canonical/vanilla-framework/issues/4973))
- \[Feature branch] Dark theme implemented as CSS variables by [@bartaz](https://togithub.com/bartaz) ([#4969](https://togithub.com/canonical/vanilla-framework/issues/4969))
##### π Bug Fixes
- Fix overlap issues with sticky app layout panel headers by [@bartaz](https://togithub.com/bartaz) ([#4991](https://togithub.com/canonical/vanilla-framework/issues/4991))
- Update Twitter/X icon and add support for dark theme to GitHub icon by [@bartaz](https://togithub.com/bartaz) ([#4978](https://togithub.com/canonical/vanilla-framework/issues/4978))
##### π¨ Maintenance
- Fix typo by [@britneywwc](https://togithub.com/britneywwc) ([#4999](https://togithub.com/canonical/vanilla-framework/issues/4999))
- Rename color variables for consistency by [@chillkang](https://togithub.com/chillkang) ([#4982](https://togithub.com/canonical/vanilla-framework/issues/4982))
- Export status color variables as CSS custom properties by [@chillkang](https://togithub.com/chillkang) ([#4979](https://togithub.com/canonical/vanilla-framework/issues/4979))
- Fix typo in release file by [@britneywwc](https://togithub.com/britneywwc) ([#4980](https://togithub.com/canonical/vanilla-framework/issues/4980))
#### Getting Vanilla Framework
Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://vanillaframework.io/docs
#### New Contributors
- [@chillkang](https://togithub.com/chillkang) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/4979](https://togithub.com/canonical/vanilla-framework/pull/4979)
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.7.0...v4.8.0
### [`v4.7.0`](https://togithub.com/canonical/vanilla-framework/releases/tag/v4.7.0)
[Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v4.6.0...v4.7.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 v4.7.0
##### π Features
- Add 25/75 grid split support to top navigation by [@bartaz](https://togithub.com/bartaz) ([#4960](https://togithub.com/canonical/vanilla-framework/issues/4960))
- Align top navigation items padding with grid margin by [@bartaz](https://togithub.com/bartaz) ([#4948](https://togithub.com/canonical/vanilla-framework/issues/4948))
##### π£ Potentially breaking changes
Updates to top navigation (increased padding and new 25/75 layout variant) may cause top navigation items not fit on smaller screens. If your project adjusts `$breakpoint-navigation-threshold` you may need to update its value, so that navigation switches to mobile view when items don't fit anymore.
##### π Bug Fixes
- Fix tracker popup by [@britneywwc](https://togithub.com/britneywwc) ([#4962](https://togithub.com/canonical/vanilla-framework/issues/4962))
- Fix GitHub contributors URLs by [@bartaz](https://togithub.com/bartaz) ([#4946](https://togithub.com/canonical/vanilla-framework/issues/4946))
##### π¨ Maintenance
- Update dependency canonicalwebteam.discourse to v5.4.9 by [@renovate](https://togithub.com/renovate) ([#4944](https://togithub.com/canonical/vanilla-framework/issues/4944))
- Update dependency postcss-cli to v11 by [@renovate](https://togithub.com/renovate) ([#4965](https://togithub.com/canonical/vanilla-framework/issues/4965))
- Update dependency stylelint to v16 by [@renovate](https://togithub.com/renovate) ([#4966](https://togithub.com/canonical/vanilla-framework/issues/4966))
- Update all non-major dependencies by [@renovate](https://togithub.com/renovate) ([#4964](https://togithub.com/canonical/vanilla-framework/issues/4964))
- Configure renovate versioning for node stable versions only by [@bartaz](https://togithub.com/bartaz) ([#4956](https://togithub.com/canonical/vanilla-framework/issues/4956))
- Fix GitHub contributors URLs by [@bartaz](https://togithub.com/bartaz) ([#4946](https://togithub.com/canonical/vanilla-framework/issues/4946))
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.6.0...v4.7.0
### [`v4.6.0`](https://togithub.com/canonical/vanilla-framework/releases/tag/v4.6.0)
[Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v4.5.1...v4.6.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 v4.6.0
##### π Features
- Responsive grid patterns by [@bartaz](https://togithub.com/bartaz) ([#4933](https://togithub.com/canonical/vanilla-framework/issues/4933))
- Adjust spacing between heading groups by [@bartaz](https://togithub.com/bartaz) ([#4941](https://togithub.com/canonical/vanilla-framework/issues/4941))
##### π£ Potentially breaking changes
With the introduction of new responsive grid patterns (`row--25-75-on-medium`, etc), the default responsive behaviour of `row--25-75` has changed. Previously on medium screens it did not split the layout, but used a stacked mobile layout. With Vanilla 4.6.0 the `row--25-75` will split into 2+4 columns layout on medium screens by default. This also means that `is-split-on-medium` modifier class is no longer needed, as its behaviour is now default for `row--25-75`.
If you are using `row--25-75` without `is-split-on-medium` make sure that the layout doesn't break on medium screen sizes.
If you are using `row--25-75` with `is-split-on-medium` no change is needed, but `is-split-on-medium` is redundant and can be safely removed from code.
For more information refer to the [Vanilla grid documentation](https://vanillaframework.io/docs/patterns/grid#responsive-5050-and-2575).
##### π Bug Fixes
- Add support for "Removed" status label to Vanilla changelog by [@bartaz](https://togithub.com/bartaz) ([#4943](https://togithub.com/canonical/vanilla-framework/issues/4943))
- Add more space between logo tag and text by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4924](https://togithub.com/canonical/vanilla-framework/issues/4924))
##### π¨ Maintenance
- Reverts postcss-cli update to v11 as it breaks dotrun by [@bartaz](https://togithub.com/bartaz) ([#4940](https://togithub.com/canonical/vanilla-framework/issues/4940))
- Update actions/download-artifact action to v4 by [@renovate](https://togithub.com/renovate) ([#4936](https://togithub.com/canonical/vanilla-framework/issues/4936))
- Update actions/upload-artifact action to v4 by [@renovate](https://togithub.com/renovate) ([#4937](https://togithub.com/canonical/vanilla-framework/issues/4937))
- Update dependency postcss-cli to v11 by [@renovate](https://togithub.com/renovate) ([#4938](https://togithub.com/canonical/vanilla-framework/issues/4938))
- Update all non-major dependencies by [@renovate](https://togithub.com/renovate) ([#4935](https://togithub.com/canonical/vanilla-framework/issues/4935))
- Update all non-major dependencies by [@renovate](https://togithub.com/renovate) ([#4928](https://togithub.com/canonical/vanilla-framework/issues/4928))
- Update dependency [@testing-library/cypress](https://togithub.com/testing-library/cypress) to v10 by [@renovate](https://togithub.com/renovate) ([#4930](https://togithub.com/canonical/vanilla-framework/issues/4930))
- Update dependency pyyaml to v6 by [@renovate](https://togithub.com/renovate) ([#4931](https://togithub.com/canonical/vanilla-framework/issues/4931))
- Update actions/setup-node action to v4 by [@renovate](https://togithub.com/renovate) ([#4929](https://togithub.com/canonical/vanilla-framework/issues/4929))
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.5.1...v4.6.0
### [`v4.5.1`](https://togithub.com/canonical/vanilla-framework/releases/tag/v4.5.1)
[Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v4.5.0...v4.5.1)
#### Getting Vanilla Framework
Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://vanillaframework.io/docs
#### New in Vanilla v4.5.1
#### π Bug Fixes
- Fix grid column reordering off by one err by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4922](https://togithub.com/canonical/vanilla-framework/issues/4922))
- Add missing white background to sticky panel by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4909](https://togithub.com/canonical/vanilla-framework/issues/4909))
- Show suru on all screens by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4908](https://togithub.com/canonical/vanilla-framework/issues/4908))
#### π Documentation
- Fix margin in brochure example by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4919](https://togithub.com/canonical/vanilla-framework/issues/4919))
- Update links component a11y documentation by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4918](https://togithub.com/canonical/vanilla-framework/issues/4918))
- Update implementation tab for tooltips by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4913](https://togithub.com/canonical/vanilla-framework/issues/4913))
- Update empty state documentation by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4914](https://togithub.com/canonical/vanilla-framework/issues/4914))
- Update navigation component a11y documentation by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4916](https://togithub.com/canonical/vanilla-framework/issues/4916))
- Update logo section component a11y documentation by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4917](https://togithub.com/canonical/vanilla-framework/issues/4917))
- Use new documentation layout on Vanilla site by [@bartaz](https://togithub.com/bartaz) ([#4863](https://togithub.com/canonical/vanilla-framework/issues/4863))
- Update issue templates by [@bartaz](https://togithub.com/bartaz) ([#4906](https://togithub.com/canonical/vanilla-framework/issues/4906))
- Fixed typo for Button docs by [@britneywwc](https://togithub.com/britneywwc) ([#4896](https://togithub.com/canonical/vanilla-framework/issues/4896))
#### π¨ Maintenance
- Update dependency cypress to v13 by [@renovate](https://togithub.com/renovate) ([#4867](https://togithub.com/canonical/vanilla-framework/issues/4867))
- Update internal dependencies by [@renovate](https://togithub.com/renovate) ([#4910](https://togithub.com/canonical/vanilla-framework/issues/4910))
- Update dependency canonicalwebteam.discourse to v5.4.4 by [@renovate](https://togithub.com/renovate) ([#4901](https://togithub.com/canonical/vanilla-framework/issues/4901))
- Bump canonicalwebteam.discourse to 5.4.3 by [@jpmartinspt](https://togithub.com/jpmartinspt) ([#4902](https://togithub.com/canonical/vanilla-framework/issues/4902))
#### New Contributors
- [@jpmartinspt](https://togithub.com/jpmartinspt) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/4902](https://togithub.com/canonical/vanilla-framework/pull/4902)
- [@aaryanporwal](https://togithub.com/aaryanporwal) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/4908](https://togithub.com/canonical/vanilla-framework/pull/4908)
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.5.0...v4.5.1
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.
π» Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.
[ ] 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.6.1
->3.6.4
4.5.0
->4.9.0
Release Notes
canonical-web-and-design/global-nav (@canonical/global-nav)
### [`v3.6.4`](https://togithub.com/canonical-web-and-design/global-nav/compare/v3.6.3...3add9673856e0842cabf2bdf6a9ce22962d6dca0) [Compare Source](https://togithub.com/canonical-web-and-design/global-nav/compare/v3.6.3...v3.6.4) ### [`v3.6.3`](https://togithub.com/canonical/global-nav/releases/tag/v3.6.3) [Compare Source](https://togithub.com/canonical-web-and-design/global-nav/compare/v3.6.2...v3.6.3) ### What's Changed - Bumped Vanilla version to V 4.9.0 ### [`v3.6.2`](https://togithub.com/canonical/global-nav/releases/tag/v3.6.2): 3.6.2 [Compare Source](https://togithub.com/canonical-web-and-design/global-nav/compare/v3.6.1...v3.6.2) ### What's Changed - Fix max-width being set on the wrong element by [@petesfrench](https://togithub.com/petesfrench) in [https://github.com/canonical/global-nav/pull/277](https://togithub.com/canonical/global-nav/pull/277)canonical/vanilla-framework (vanilla-framework)
### [`v4.9.0`](https://togithub.com/canonical/vanilla-framework/releases/tag/v4.9.0) [Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v4.8.0...v4.9.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 v4.9.0 ##### π Features - Add `p-media-container` class by [@petesfrench](https://togithub.com/petesfrench) ([#5012](https://togithub.com/canonical/vanilla-framework/issues/5012)) - Add theme support for code snippet by [@britneywwc](https://togithub.com/britneywwc) ([#5004](https://togithub.com/canonical/vanilla-framework/issues/5004)) - Add a fourth level of nesting to the side navigation component by [@petesfrench](https://togithub.com/petesfrench) ([#5010](https://togithub.com/canonical/vanilla-framework/issues/5010)) - Buttons themes by [@bartaz](https://togithub.com/bartaz) ([#5024](https://togithub.com/canonical/vanilla-framework/issues/5024)) ##### π Bug Fixes - Fix regression that caused wrong success icon being used in lists by [@bartaz](https://togithub.com/bartaz) ([#5028](https://togithub.com/canonical/vanilla-framework/issues/5028)) - Fix nested list counter by [@codeEmpress1](https://togithub.com/codeEmpress1) ([#5011](https://togithub.com/canonical/vanilla-framework/issues/5011)) - Fix width of bold linked heading on hover in side-navigation by [@codeEmpress1](https://togithub.com/codeEmpress1) ([#5009](https://togithub.com/canonical/vanilla-framework/issues/5009)) - Fix bug where u-fixed-width wasn't having its padding reset when inside the new row classes by [@petesfrench](https://togithub.com/petesfrench) ([#5008](https://togithub.com/canonical/vanilla-framework/issues/5008)) - Adjust columns on mobile view for step-list--detailed by [@petesfrench](https://togithub.com/petesfrench) ([#5007](https://togithub.com/canonical/vanilla-framework/issues/5007)) ##### π Documentation - Theme switch in examples by [@codeEmpress1](https://togithub.com/codeEmpress1) ([#5022](https://togithub.com/canonical/vanilla-framework/issues/5022)) - Update link to Accessibility Alphabet by [@bartaz](https://togithub.com/bartaz) ([#5020](https://togithub.com/canonical/vanilla-framework/issues/5020)) - Add validation example by [@codeEmpress1](https://togithub.com/codeEmpress1) ([#5013](https://togithub.com/canonical/vanilla-framework/issues/5013)) ##### π¨ Maintenance - Fixed typo in GH issue template (out site -> our site) by [@tanyabouman](https://togithub.com/tanyabouman) ([#5018](https://togithub.com/canonical/vanilla-framework/issues/5018)) - Update dependency svgo to v3 by [@renovate](https://togithub.com/renovate) ([#5016](https://togithub.com/canonical/vanilla-framework/issues/5016)) - Update all non-major dependencies by [@renovate](https://togithub.com/renovate) ([#5015](https://togithub.com/canonical/vanilla-framework/issues/5015)) - Bump es5-ext from 0.10.53 to 0.10.63 by [@dependabot](https://togithub.com/dependabot) ([#5006](https://togithub.com/canonical/vanilla-framework/issues/5006)) - Remove repeated colours by [@britneywwc](https://togithub.com/britneywwc) ([#5003](https://togithub.com/canonical/vanilla-framework/issues/5003)) ##### New Contributors - [@codeEmpress1](https://togithub.com/codeEmpress1) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5009](https://togithub.com/canonical/vanilla-framework/pull/5009) - [@tanyabouman](https://togithub.com/tanyabouman) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5018](https://togithub.com/canonical/vanilla-framework/pull/5018) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.8.0...v4.9.0 ### [`v4.8.0`](https://togithub.com/canonical/vanilla-framework/releases/tag/v4.8.0) [Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v4.7.0...v4.8.0) #### New in Vanilla v4.8.0 ##### π New theming This version introduces new theming system to Vanilla. Previous system was based on theme styling being applied on SCSS level on per-component basis. Newly introduced system utilises CSS custom properties to provide colour variables that are inherited through the whole document. We currently support a light theme (default or via `is-light` class name) that features white background, paper theme (via `is-paper` class) that uses new "paper" grey background that is used on most of our new designs, and dark theme (via `is-dark` class) that is being used more often in recent designs to highlight some significant pages. ##### π§ Work in progress Current release of Vanilla 4.8.0 contains the foundation work of this new theming and includes migration of most commonly used themed components. The work is not complete yet, there are still components that use the old theming system and many components not themed at all. We will continue to migrate remaining parts in upcoming versions. We tried to make sure to keep this change backwards compatible, so hopefully it should not affect styling of existing components in any significant and unexpected way. ##### π¨ Default icon colour As part of the theming we improved consistency of colours we use across themes. As a result of that the default colour of most of Vanilla icons (in default light theme) was changed to be the same as text colour (black `#000`) instead of previous value of `$color-mid-dark` (`#666`). If you are using any custom icons this may cause inconsistencies. For consistency with Vanilla use built-in icons, or update your icons to use `$colors--light-theme--icon` (or `$colors--dark-theme--icon`), depending on the theme. ##### ποΈ New and deprecated components Alongside the theming work, we are also providing components to help build page sections in the new branding style, and deprecating some old components to avoid confusion. New components include the [hero section](https://vanillaframework.io/docs/patterns/section#hero-sections) and [new Suru sections](https://staging.vanillaframework.io/docs/patterns/suru), that should simplify building of the hero sections on the pages. We also deprecated a variety of legacy strip variants, reducing the options and updating [the strip component](https://staging.vanillaframework.io/docs/patterns/strip) to utilise new theming. For more details check the [changelog in our documentation](https://vanillaframework.io/docs/whats-new). ##### π Guest devs Vanilla team was joined for a Pulse by wonderful guest developers: [@britneywwc](https://togithub.com/britneywwc) [@chillkang](https://togithub.com/chillkang). This release would not be possible without their contributions. Thanks! ##### π Changelog ##### π Features - Update strip component to new theming system by [@bartaz](https://togithub.com/bartaz) ([#4996](https://togithub.com/canonical/vanilla-framework/issues/4996)) - Add theme support for table component by [@britneywwc](https://togithub.com/britneywwc) ([#5000](https://togithub.com/canonical/vanilla-framework/issues/5000)) - Update links to use new theming by [@bartaz](https://togithub.com/bartaz) ([#4997](https://togithub.com/canonical/vanilla-framework/issues/4997)) - Add theme support for muted text by [@britneywwc](https://togithub.com/britneywwc) ([#4994](https://togithub.com/canonical/vanilla-framework/issues/4994)) - Update core icons to support new theming system by [@bartaz](https://togithub.com/bartaz) ([#4993](https://togithub.com/canonical/vanilla-framework/issues/4993)) - Add more hero suru variants by [@bartaz](https://togithub.com/bartaz) ([#4989](https://togithub.com/canonical/vanilla-framework/issues/4989)) - Add dark theme support to notifications by [@chillkang](https://togithub.com/chillkang) ([#4971](https://togithub.com/canonical/vanilla-framework/issues/4971)) - Update chips with new theming support by [@chillkang](https://togithub.com/chillkang) ([#4986](https://togithub.com/canonical/vanilla-framework/issues/4986)) - Update Suru to support hero sections with 25/75 and 50/50 main suru backgrounds by [@bartaz](https://togithub.com/bartaz) ([#4985](https://togithub.com/canonical/vanilla-framework/issues/4985)) - Add theme support for form validation by [@britneywwc](https://togithub.com/britneywwc) ([#4981](https://togithub.com/canonical/vanilla-framework/issues/4981)) - Add theme support for search box by [@britneywwc](https://togithub.com/britneywwc) ([#4987](https://togithub.com/canonical/vanilla-framework/issues/4987)) - Add theme support for forms tick elements by [@britneywwc](https://togithub.com/britneywwc) ([#4977](https://togithub.com/canonical/vanilla-framework/issues/4977)) - Add theme support for forms password toggle by [@britneywwc](https://togithub.com/britneywwc) ([#4976](https://togithub.com/canonical/vanilla-framework/issues/4976)) - Add theme support for forms help text by [@britneywwc](https://togithub.com/britneywwc) ([#4975](https://togithub.com/canonical/vanilla-framework/issues/4975)) - Add new theme support for base forms by [@britneywwc](https://togithub.com/britneywwc) ([#4974](https://togithub.com/canonical/vanilla-framework/issues/4974)) - Hero section by [@bartaz](https://togithub.com/bartaz) ([#4973](https://togithub.com/canonical/vanilla-framework/issues/4973)) - \[Feature branch] Dark theme implemented as CSS variables by [@bartaz](https://togithub.com/bartaz) ([#4969](https://togithub.com/canonical/vanilla-framework/issues/4969)) ##### π Bug Fixes - Fix overlap issues with sticky app layout panel headers by [@bartaz](https://togithub.com/bartaz) ([#4991](https://togithub.com/canonical/vanilla-framework/issues/4991)) - Update Twitter/X icon and add support for dark theme to GitHub icon by [@bartaz](https://togithub.com/bartaz) ([#4978](https://togithub.com/canonical/vanilla-framework/issues/4978)) ##### π¨ Maintenance - Fix typo by [@britneywwc](https://togithub.com/britneywwc) ([#4999](https://togithub.com/canonical/vanilla-framework/issues/4999)) - Rename color variables for consistency by [@chillkang](https://togithub.com/chillkang) ([#4982](https://togithub.com/canonical/vanilla-framework/issues/4982)) - Export status color variables as CSS custom properties by [@chillkang](https://togithub.com/chillkang) ([#4979](https://togithub.com/canonical/vanilla-framework/issues/4979)) - Fix typo in release file by [@britneywwc](https://togithub.com/britneywwc) ([#4980](https://togithub.com/canonical/vanilla-framework/issues/4980)) #### Getting Vanilla Framework Install with NPM: https://www.npmjs.com/package/vanilla-framework Visit the documentation at https://vanillaframework.io/docs #### New Contributors - [@chillkang](https://togithub.com/chillkang) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/4979](https://togithub.com/canonical/vanilla-framework/pull/4979) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.7.0...v4.8.0 ### [`v4.7.0`](https://togithub.com/canonical/vanilla-framework/releases/tag/v4.7.0) [Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v4.6.0...v4.7.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 v4.7.0 ##### π Features - Add 25/75 grid split support to top navigation by [@bartaz](https://togithub.com/bartaz) ([#4960](https://togithub.com/canonical/vanilla-framework/issues/4960)) - Align top navigation items padding with grid margin by [@bartaz](https://togithub.com/bartaz) ([#4948](https://togithub.com/canonical/vanilla-framework/issues/4948)) ##### π£ Potentially breaking changes Updates to top navigation (increased padding and new 25/75 layout variant) may cause top navigation items not fit on smaller screens. If your project adjusts `$breakpoint-navigation-threshold` you may need to update its value, so that navigation switches to mobile view when items don't fit anymore. ##### π Bug Fixes - Fix tracker popup by [@britneywwc](https://togithub.com/britneywwc) ([#4962](https://togithub.com/canonical/vanilla-framework/issues/4962)) - Fix GitHub contributors URLs by [@bartaz](https://togithub.com/bartaz) ([#4946](https://togithub.com/canonical/vanilla-framework/issues/4946)) ##### π¨ Maintenance - Update dependency canonicalwebteam.discourse to v5.4.9 by [@renovate](https://togithub.com/renovate) ([#4944](https://togithub.com/canonical/vanilla-framework/issues/4944)) - Update dependency postcss-cli to v11 by [@renovate](https://togithub.com/renovate) ([#4965](https://togithub.com/canonical/vanilla-framework/issues/4965)) - Update dependency stylelint to v16 by [@renovate](https://togithub.com/renovate) ([#4966](https://togithub.com/canonical/vanilla-framework/issues/4966)) - Update all non-major dependencies by [@renovate](https://togithub.com/renovate) ([#4964](https://togithub.com/canonical/vanilla-framework/issues/4964)) - Configure renovate versioning for node stable versions only by [@bartaz](https://togithub.com/bartaz) ([#4956](https://togithub.com/canonical/vanilla-framework/issues/4956)) - Fix GitHub contributors URLs by [@bartaz](https://togithub.com/bartaz) ([#4946](https://togithub.com/canonical/vanilla-framework/issues/4946)) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.6.0...v4.7.0 ### [`v4.6.0`](https://togithub.com/canonical/vanilla-framework/releases/tag/v4.6.0) [Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v4.5.1...v4.6.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 v4.6.0 ##### π Features - Responsive grid patterns by [@bartaz](https://togithub.com/bartaz) ([#4933](https://togithub.com/canonical/vanilla-framework/issues/4933)) - Adjust spacing between heading groups by [@bartaz](https://togithub.com/bartaz) ([#4941](https://togithub.com/canonical/vanilla-framework/issues/4941)) ##### π£ Potentially breaking changes With the introduction of new responsive grid patterns (`row--25-75-on-medium`, etc), the default responsive behaviour of `row--25-75` has changed. Previously on medium screens it did not split the layout, but used a stacked mobile layout. With Vanilla 4.6.0 the `row--25-75` will split into 2+4 columns layout on medium screens by default. This also means that `is-split-on-medium` modifier class is no longer needed, as its behaviour is now default for `row--25-75`. If you are using `row--25-75` without `is-split-on-medium` make sure that the layout doesn't break on medium screen sizes. If you are using `row--25-75` with `is-split-on-medium` no change is needed, but `is-split-on-medium` is redundant and can be safely removed from code. For more information refer to the [Vanilla grid documentation](https://vanillaframework.io/docs/patterns/grid#responsive-5050-and-2575). ##### π Bug Fixes - Add support for "Removed" status label to Vanilla changelog by [@bartaz](https://togithub.com/bartaz) ([#4943](https://togithub.com/canonical/vanilla-framework/issues/4943)) - Add more space between logo tag and text by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4924](https://togithub.com/canonical/vanilla-framework/issues/4924)) ##### π¨ Maintenance - Reverts postcss-cli update to v11 as it breaks dotrun by [@bartaz](https://togithub.com/bartaz) ([#4940](https://togithub.com/canonical/vanilla-framework/issues/4940)) - Update actions/download-artifact action to v4 by [@renovate](https://togithub.com/renovate) ([#4936](https://togithub.com/canonical/vanilla-framework/issues/4936)) - Update actions/upload-artifact action to v4 by [@renovate](https://togithub.com/renovate) ([#4937](https://togithub.com/canonical/vanilla-framework/issues/4937)) - Update dependency postcss-cli to v11 by [@renovate](https://togithub.com/renovate) ([#4938](https://togithub.com/canonical/vanilla-framework/issues/4938)) - Update all non-major dependencies by [@renovate](https://togithub.com/renovate) ([#4935](https://togithub.com/canonical/vanilla-framework/issues/4935)) - Update all non-major dependencies by [@renovate](https://togithub.com/renovate) ([#4928](https://togithub.com/canonical/vanilla-framework/issues/4928)) - Update dependency [@testing-library/cypress](https://togithub.com/testing-library/cypress) to v10 by [@renovate](https://togithub.com/renovate) ([#4930](https://togithub.com/canonical/vanilla-framework/issues/4930)) - Update dependency pyyaml to v6 by [@renovate](https://togithub.com/renovate) ([#4931](https://togithub.com/canonical/vanilla-framework/issues/4931)) - Update actions/setup-node action to v4 by [@renovate](https://togithub.com/renovate) ([#4929](https://togithub.com/canonical/vanilla-framework/issues/4929)) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.5.1...v4.6.0 ### [`v4.5.1`](https://togithub.com/canonical/vanilla-framework/releases/tag/v4.5.1) [Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v4.5.0...v4.5.1) #### Getting Vanilla Framework Install with NPM: https://www.npmjs.com/package/vanilla-framework Visit the documentation at https://vanillaframework.io/docs #### New in Vanilla v4.5.1 #### π Bug Fixes - Fix grid column reordering off by one err by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4922](https://togithub.com/canonical/vanilla-framework/issues/4922)) - Add missing white background to sticky panel by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4909](https://togithub.com/canonical/vanilla-framework/issues/4909)) - Show suru on all screens by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4908](https://togithub.com/canonical/vanilla-framework/issues/4908)) #### π Documentation - Fix margin in brochure example by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4919](https://togithub.com/canonical/vanilla-framework/issues/4919)) - Update links component a11y documentation by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4918](https://togithub.com/canonical/vanilla-framework/issues/4918)) - Update implementation tab for tooltips by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4913](https://togithub.com/canonical/vanilla-framework/issues/4913)) - Update empty state documentation by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4914](https://togithub.com/canonical/vanilla-framework/issues/4914)) - Update navigation component a11y documentation by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4916](https://togithub.com/canonical/vanilla-framework/issues/4916)) - Update logo section component a11y documentation by [@aaryanporwal](https://togithub.com/aaryanporwal) ([#4917](https://togithub.com/canonical/vanilla-framework/issues/4917)) - Use new documentation layout on Vanilla site by [@bartaz](https://togithub.com/bartaz) ([#4863](https://togithub.com/canonical/vanilla-framework/issues/4863)) - Update issue templates by [@bartaz](https://togithub.com/bartaz) ([#4906](https://togithub.com/canonical/vanilla-framework/issues/4906)) - Fixed typo for Button docs by [@britneywwc](https://togithub.com/britneywwc) ([#4896](https://togithub.com/canonical/vanilla-framework/issues/4896)) #### π¨ Maintenance - Update dependency cypress to v13 by [@renovate](https://togithub.com/renovate) ([#4867](https://togithub.com/canonical/vanilla-framework/issues/4867)) - Update internal dependencies by [@renovate](https://togithub.com/renovate) ([#4910](https://togithub.com/canonical/vanilla-framework/issues/4910)) - Update dependency canonicalwebteam.discourse to v5.4.4 by [@renovate](https://togithub.com/renovate) ([#4901](https://togithub.com/canonical/vanilla-framework/issues/4901)) - Bump canonicalwebteam.discourse to 5.4.3 by [@jpmartinspt](https://togithub.com/jpmartinspt) ([#4902](https://togithub.com/canonical/vanilla-framework/issues/4902)) #### New Contributors - [@jpmartinspt](https://togithub.com/jpmartinspt) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/4902](https://togithub.com/canonical/vanilla-framework/pull/4902) - [@aaryanporwal](https://togithub.com/aaryanporwal) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/4908](https://togithub.com/canonical/vanilla-framework/pull/4908) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.5.0...v4.5.1Configuration
π 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.
π» Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.
This PR has been generated by Mend Renovate. View repository job log here.