canonical/vanilla-framework (vanilla-framework)
### [`v4.18.2`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.18.2)
[Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.18.1...v4.18.2)
#### 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.18.2
#### π Bug Fixes
- Fix using the image container with lazyloaded images by [@jmuzina](https://redirect.github.com/jmuzina) ([#5403](https://redirect.github.com/canonical/vanilla-framework/issues/5403))
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.18.1...v4.18.2
### [`v4.18.1`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.18.1)
[Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.18.0...v4.18.1)
#### Getting Vanilla Framework
Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://vanillaframework.io/docs
**This release will cause lazy-loaded images loaded with the canonical web template not to load. It has been fixed in [4.18.2.](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.18.2)**
#### New in Vanilla v4.18.1
#### π Bug Fixes
- fix: responsive aspect ratios don't work with intermediate elements by [@jmuzina](https://redirect.github.com/jmuzina) ([#5402](https://redirect.github.com/canonical/vanilla-framework/issues/5402))
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.18.0...v4.18.1
### [`v4.18.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.18.0)
[Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.17.1...v4.18.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.18.0
#### π Features
- Feat: Rich vertical list pattern by [@jmuzina](https://redirect.github.com/jmuzina) ([#5306](https://redirect.github.com/canonical/vanilla-framework/issues/5306))
- feat: Quote Wrapper Pattern by [@jmuzina](https://redirect.github.com/jmuzina) ([#5275](https://redirect.github.com/canonical/vanilla-framework/issues/5275))
- feat: Implement content grid (`.grid-row` and `.grid-col`) by [@jmuzina](https://redirect.github.com/jmuzina) ([#5368](https://redirect.github.com/canonical/vanilla-framework/issues/5368))
#### π Bug Fixes
- Adjust search and filter component height to align with standard inputs by [@bartaz](https://redirect.github.com/bartaz) ([#5399](https://redirect.github.com/canonical/vanilla-framework/issues/5399))
- fix: Search and filter hidden search button alignment and stacking order adjustment by [@jmuzina](https://redirect.github.com/jmuzina) ([#5339](https://redirect.github.com/canonical/vanilla-framework/issues/5339))
- Fix input padding alignment by [@bartaz](https://redirect.github.com/bartaz) ([#5389](https://redirect.github.com/canonical/vanilla-framework/issues/5389))
- Fix slider margin by [@mcslayer](https://redirect.github.com/mcslayer) ([#5392](https://redirect.github.com/canonical/vanilla-framework/issues/5392))
- Fix top margin of validation messages in dense form elements by [@jmuzina](https://redirect.github.com/jmuzina) ([#5343](https://redirect.github.com/canonical/vanilla-framework/issues/5343))
- Fix icon margin within small buttons by [@mcslayer](https://redirect.github.com/mcslayer) ([#5387](https://redirect.github.com/canonical/vanilla-framework/issues/5387))
#### π Documentation
- Add CSS range syntax to breakpoints settings page by [@mcslayer](https://redirect.github.com/mcslayer) ([#5395](https://redirect.github.com/canonical/vanilla-framework/issues/5395))
- Add basic themes documentation by [@bartaz](https://redirect.github.com/bartaz) ([#5378](https://redirect.github.com/canonical/vanilla-framework/issues/5378))
- Add links to react storybook for existing components by [@mcslayer](https://redirect.github.com/mcslayer) ([#5381](https://redirect.github.com/canonical/vanilla-framework/issues/5381))
- Change links for react components by [@mcslayer](https://redirect.github.com/mcslayer) ([#5380](https://redirect.github.com/canonical/vanilla-framework/issues/5380))
#### π¨ Maintenance
- Update layout of the homepage "downloads" section on medium screens by [@mcslayer](https://redirect.github.com/mcslayer) ([#5400](https://redirect.github.com/canonical/vanilla-framework/issues/5400))
- Set icon alignment in paragraph to text-bottom by [@advl](https://redirect.github.com/advl) ([#5314](https://redirect.github.com/canonical/vanilla-framework/issues/5314))
- Update icon SVGs to use simplified paths and fix artifacts by [@bartaz](https://redirect.github.com/bartaz) ([#5385](https://redirect.github.com/canonical/vanilla-framework/issues/5385))
- Update remaining legacy components to use new theme colours. by [@bartaz](https://redirect.github.com/bartaz) ([#5377](https://redirect.github.com/canonical/vanilla-framework/issues/5377))
- Change the JIRA epic where new issues are synchronised by [@bartaz](https://redirect.github.com/bartaz) ([#5383](https://redirect.github.com/canonical/vanilla-framework/issues/5383))
#### New Contributors
- [@advl](https://redirect.github.com/advl) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5314](https://redirect.github.com/canonical/vanilla-framework/pull/5314)
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.17.1...v4.18.0
### [`v4.17.1`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.17.1)
[Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.17.0...v4.17.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.17.1
This is a follow-up hotfix release for [v4.17.0](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.17.0), where we introduced usage of Sass color functions only available in recent versions of `sass`. This release adds relevant version of `sass` a peer dependency to make it a bit easier to identify the problem when installing.
Check [release notes for v4.17.0](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.17.0) for more details.
#### π¨ Maintenance
- Add `sass` as a peer dependency by [@jmuzina](https://redirect.github.com/jmuzina) ([#5379](https://redirect.github.com/canonical/vanilla-framework/issues/5379))
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.17.0...v4.17.1
### [`v4.17.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.17.0)
[Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.16.0...v4.17.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.17.0
β οΈ Due to Sass deprecating older color functions we updated our SCSS code, but new Sass APIs require `sass` at least at version 1.79.0 or higher. So please update your `sass` along with Vanilla.
#### π Features
- Add new additional icons by [@bartaz](https://redirect.github.com/bartaz) ([#5372](https://redirect.github.com/canonical/vanilla-framework/issues/5372))
- feat: Publish & Document Jinja Macros by [@jmuzina](https://redirect.github.com/jmuzina) ([#5342](https://redirect.github.com/canonical/vanilla-framework/issues/5342))
- Add Color primitive/palette Design Tokens by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5358](https://redirect.github.com/canonical/vanilla-framework/issues/5358))
- Add color, font, and opacity Design Tokens from Core Components Figma file by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5267](https://redirect.github.com/canonical/vanilla-framework/issues/5267))
#### π Bug Fixes
- Add support for chip links by [@jmuzina](https://redirect.github.com/jmuzina) ([#5347](https://redirect.github.com/canonical/vanilla-framework/issues/5347))
#### π Documentation
- Add content guidance for tables by [@Sophie-32](https://redirect.github.com/Sophie-32) ([#5376](https://redirect.github.com/canonical/vanilla-framework/issues/5376))
- Add support for adding status label component within documentation page headings by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5353](https://redirect.github.com/canonical/vanilla-framework/issues/5353))
#### π¨ Maintenance
- fix(skip-link): give the skip link a more modern styling by [@lorumic](https://redirect.github.com/lorumic) ([#5371](https://redirect.github.com/canonical/vanilla-framework/issues/5371))
- Update contributors list by [@jmuzina](https://redirect.github.com/jmuzina) ([#5373](https://redirect.github.com/canonical/vanilla-framework/issues/5373))
- Remove SASS warnings by using color.scale and color.channel functions by [@mcslayer](https://redirect.github.com/mcslayer) ([#5370](https://redirect.github.com/canonical/vanilla-framework/issues/5370))
- Note: this requires updating to [sass](https://www.npmjs.com/package/sass) version 1.79.0 or higher if you build with our SASS.
- Manually set baseline build commit signature by [@jmuzina](https://redirect.github.com/jmuzina) ([#5340](https://redirect.github.com/canonical/vanilla-framework/issues/5340))
- Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5360](https://redirect.github.com/canonical/vanilla-framework/issues/5360))
- Update dependency canonicalwebteam.search to v2.1.1 by [@renovate](https://redirect.github.com/renovate) ([#5354](https://redirect.github.com/canonical/vanilla-framework/issues/5354))
#### New Contributors
- [@mcslayer](https://redirect.github.com/mcslayer) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5370](https://redirect.github.com/canonical/vanilla-framework/pull/5370)
- [@Sophie-32](https://redirect.github.com/Sophie-32) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5376](https://redirect.github.com/canonical/vanilla-framework/pull/5376)
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.16.0...v4.17.0
### [`v4.16.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.16.0)
[Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.15.0...v4.16.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.16.0
#### π Features
- Make separator styling consistent by [@bartaz](https://redirect.github.com/bartaz) ([#5338](https://redirect.github.com/canonical/vanilla-framework/issues/5338))
- Equal height row component responsive updates by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5276](https://redirect.github.com/canonical/vanilla-framework/issues/5276))
- Update vf-focus mixin to properly support theming by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5307](https://redirect.github.com/canonical/vanilla-framework/issues/5307))
- Add additional CTA block usage examples for Tiered List pattern by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5318](https://redirect.github.com/canonical/vanilla-framework/issues/5318))
- Responsive image aspect ratio variants by [@jmuzina](https://redirect.github.com/jmuzina) ([#5308](https://redirect.github.com/canonical/vanilla-framework/issues/5308))
- Add form legend required symbol by [@britneywwc](https://redirect.github.com/britneywwc) ([#5214](https://redirect.github.com/canonical/vanilla-framework/issues/5214))
- Add borderless CTA block variant by [@jmuzina](https://redirect.github.com/jmuzina) ([#5278](https://redirect.github.com/canonical/vanilla-framework/issues/5278))
#### π Bug Fixes
- Update utility files to use CSS range syntax by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5311](https://redirect.github.com/canonical/vanilla-framework/issues/5311))
- Update component files to use CSS range syntax by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5316](https://redirect.github.com/canonical/vanilla-framework/issues/5316))
- Update layout files to use CSS range syntax by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5315](https://redirect.github.com/canonical/vanilla-framework/issues/5315))
- Fix ordering of lists/nested lists using custom counters by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5301](https://redirect.github.com/canonical/vanilla-framework/issues/5301))
- bug: Don't close navigation on vertical resize by [@petesfrench](https://redirect.github.com/petesfrench) ([#5302](https://redirect.github.com/canonical/vanilla-framework/issues/5302))
#### π Documentation
- Make rule component and `hr` element consistent in styling by [@petesfrench](https://redirect.github.com/petesfrench) ([#5241](https://redirect.github.com/canonical/vanilla-framework/issues/5241))
- Improve Percy workflow docs by [@jmuzina](https://redirect.github.com/jmuzina) ([#5305](https://redirect.github.com/canonical/vanilla-framework/issues/5305))
- Update all references to WCAG 2.1 to WCAG 2.2; fix broken accessibility reference links by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5297](https://redirect.github.com/canonical/vanilla-framework/issues/5297))
#### π¨ Maintenance
- Bump path-to-regexp from 6.2.1 to 6.3.0 by [@dependabot](https://redirect.github.com/dependabot) ([#5345](https://redirect.github.com/canonical/vanilla-framework/issues/5345))
- Remove no-padding-top from hero signpost title by [@jmuzina](https://redirect.github.com/jmuzina) ([#5341](https://redirect.github.com/canonical/vanilla-framework/issues/5341))
- Adapt tree list component for content CMS by [@jmuzina](https://redirect.github.com/jmuzina) ([#5270](https://redirect.github.com/canonical/vanilla-framework/issues/5270))
- Add color theme support to Search & Filter component by [@jmuzina](https://redirect.github.com/jmuzina) ([#5127](https://redirect.github.com/canonical/vanilla-framework/issues/5127))
- Add theme support to tooltip component by [@jmuzina](https://redirect.github.com/jmuzina) ([#5326](https://redirect.github.com/canonical/vanilla-framework/issues/5326))
- Revert "Group Percy snapshots by test case name ([#5299](https://redirect.github.com/canonical/vanilla-framework/issues/5299))" by [@jmuzina](https://redirect.github.com/jmuzina) ([#5335](https://redirect.github.com/canonical/vanilla-framework/issues/5335))
- Group Percy snapshots by test case name by [@jmuzina](https://redirect.github.com/jmuzina) ([#5299](https://redirect.github.com/canonical/vanilla-framework/issues/5299))
- Add color theming explanation comment to status label mixin by [@jmuzina](https://redirect.github.com/jmuzina) ([#5139](https://redirect.github.com/canonical/vanilla-framework/issues/5139))
- Bump micromatch from 4.0.7 to 4.0.8 by [@dependabot](https://redirect.github.com/dependabot) ([#5333](https://redirect.github.com/canonical/vanilla-framework/issues/5333))
- Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5334](https://redirect.github.com/canonical/vanilla-framework/issues/5334))
- Improve combined example baseline alignment by [@jmuzina](https://redirect.github.com/jmuzina) ([#5327](https://redirect.github.com/canonical/vanilla-framework/issues/5327))
- Theme accent color by [@jmuzina](https://redirect.github.com/jmuzina) ([#5328](https://redirect.github.com/canonical/vanilla-framework/issues/5328))
- Add button to close example toolbar by [@jmuzina](https://redirect.github.com/jmuzina) ([#5309](https://redirect.github.com/canonical/vanilla-framework/issues/5309))
- Add advl to team members list by [@jmuzina](https://redirect.github.com/jmuzina) ([#5310](https://redirect.github.com/canonical/vanilla-framework/issues/5310))
- Merge latest `main` before running Percy by [@jmuzina](https://redirect.github.com/jmuzina) ([#5300](https://redirect.github.com/canonical/vanilla-framework/issues/5300))
- Fix responsive grid example not rendering correctly in combined view by [@jmuzina](https://redirect.github.com/jmuzina) ([#5285](https://redirect.github.com/canonical/vanilla-framework/issues/5285))
- Add --silence-deprecation flag to mute mixed declaration Sass deprecation warnings by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5295](https://redirect.github.com/canonical/vanilla-framework/issues/5295))
- Percy tokens prep by [@jmuzina](https://redirect.github.com/jmuzina) ([#5291](https://redirect.github.com/canonical/vanilla-framework/issues/5291))
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.15.0...v4.16.0
### [`v4.15.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.15.0)
[Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.14.0...v4.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 v4.15.0
#### π Features
- Tiered List HOC/Pattern by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5212](https://redirect.github.com/canonical/vanilla-framework/issues/5212))
- feat: Create Hero Pattern w/ Macros by [@jmuzina](https://redirect.github.com/jmuzina) ([#5248](https://redirect.github.com/canonical/vanilla-framework/issues/5248))
- Full width dropdowns for Vanilla "meganav" navigation by [@bartaz](https://redirect.github.com/bartaz) ([#5213](https://redirect.github.com/canonical/vanilla-framework/issues/5213))
- 75/25% Grid Row (`.row--75-25`) by [@jmuzina](https://redirect.github.com/jmuzina) ([#5235](https://redirect.github.com/canonical/vanilla-framework/issues/5235))
- CTA Block component by [@jmuzina](https://redirect.github.com/jmuzina) ([#5196](https://redirect.github.com/canonical/vanilla-framework/issues/5196))
#### π Bug Fixes
- Fix styling issues of meganav on small screens by [@bartaz](https://redirect.github.com/bartaz) ([#5110](https://redirect.github.com/canonical/vanilla-framework/issues/5110))
- Remove deprecated -webkit-search-cancel-button pseudo-element styles by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5265](https://redirect.github.com/canonical/vanilla-framework/issues/5265))
- Add new theme variable for Positive Button focus state by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5217](https://redirect.github.com/canonical/vanilla-framework/issues/5217))
- Correct labels on grid examples by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5222](https://redirect.github.com/canonical/vanilla-framework/issues/5222))
- Correct theme usage on Side Navigation example by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5216](https://redirect.github.com/canonical/vanilla-framework/issues/5216))
- Align logo in reduced nav with the grid by [@bartaz](https://redirect.github.com/bartaz) ([#5215](https://redirect.github.com/canonical/vanilla-framework/issues/5215))
- Styling updates for reduced navigation by [@bartaz](https://redirect.github.com/bartaz) ([#5206](https://redirect.github.com/canonical/vanilla-framework/issues/5206))
#### π Documentation
- Indent code snippets using `js-beautify` by [@jmuzina](https://redirect.github.com/jmuzina) ([#5259](https://redirect.github.com/canonical/vanilla-framework/issues/5259))
- Fix theming of grid examples by [@jmuzina](https://redirect.github.com/jmuzina) ([#5256](https://redirect.github.com/canonical/vanilla-framework/issues/5256))
- Remove excess whitespace in class reference table by [@jmuzina](https://redirect.github.com/jmuzina) ([#5247](https://redirect.github.com/canonical/vanilla-framework/issues/5247))
- Fix incorrect href value on "Related section" link by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5244](https://redirect.github.com/canonical/vanilla-framework/issues/5244))
- Remove bots from the contributors list by [@Satishpokala124](https://redirect.github.com/Satishpokala124) ([#5233](https://redirect.github.com/canonical/vanilla-framework/issues/5233))
- Fix duplicated suru fan examples by [@jmuzina](https://redirect.github.com/jmuzina) ([#5232](https://redirect.github.com/canonical/vanilla-framework/issues/5232))
- Add `is-cover` to image container class reference by [@jmuzina](https://redirect.github.com/jmuzina) ([#5207](https://redirect.github.com/canonical/vanilla-framework/issues/5207))
#### π¨ Maintenance
- Fix tagged navigation icon spacing by [@jmuzina](https://redirect.github.com/jmuzina) ([#5258](https://redirect.github.com/canonical/vanilla-framework/issues/5258))
- Update dependency canonicalwebteam.search to v2 by [@renovate](https://redirect.github.com/renovate) ([#5272](https://redirect.github.com/canonical/vanilla-framework/issues/5272))
- Update dependency canonicalwebteam.search to v1.4.0 by [@renovate](https://redirect.github.com/renovate) ([#5255](https://redirect.github.com/canonical/vanilla-framework/issues/5255))
- Simplify Percy Breakpoint/Theme snapshots by [@jmuzina](https://redirect.github.com/jmuzina) ([#5251](https://redirect.github.com/canonical/vanilla-framework/issues/5251))
- Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5268](https://redirect.github.com/canonical/vanilla-framework/issues/5268))
- Adjust spacing and size of logo section and deprecate the dense variant by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5252](https://redirect.github.com/canonical/vanilla-framework/issues/5252))
- Update styling of reduced nav on small screens by [@bartaz](https://redirect.github.com/bartaz) ([#5246](https://redirect.github.com/canonical/vanilla-framework/issues/5246))
- Fixes [#5228](https://redirect.github.com/canonical/vanilla-framework/issues/5228) duplicate css by [@sarthak-kumar-shailendra](https://redirect.github.com/sarthak-kumar-shailendra) ([#5263](https://redirect.github.com/canonical/vanilla-framework/issues/5263))
- Remove percy_upload status check by [@jmuzina](https://redirect.github.com/jmuzina) ([#5249](https://redirect.github.com/canonical/vanilla-framework/issues/5249))
- Add new directional chevron mixins for use in Article Pagination by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5253](https://redirect.github.com/canonical/vanilla-framework/issues/5253))
- Percy macros artifact fix by [@jmuzina](https://redirect.github.com/jmuzina) ([#5257](https://redirect.github.com/canonical/vanilla-framework/issues/5257))
- Add `templates/_macros` to percy tests by [@jmuzina](https://redirect.github.com/jmuzina) ([#5250](https://redirect.github.com/canonical/vanilla-framework/issues/5250))
- Remove discourse module and related routes by [@bartaz](https://redirect.github.com/bartaz) ([#5239](https://redirect.github.com/canonical/vanilla-framework/issues/5239))
- Change strips image example background to decrease load time by [@jmuzina](https://redirect.github.com/jmuzina) ([#5237](https://redirect.github.com/canonical/vanilla-framework/issues/5237))
- Sync Github Issues to Jira Issues by [@jmuzina](https://redirect.github.com/jmuzina) ([#5224](https://redirect.github.com/canonical/vanilla-framework/issues/5224))
- Fix typo in PR template by [@jmuzina](https://redirect.github.com/jmuzina) ([#5225](https://redirect.github.com/canonical/vanilla-framework/issues/5225))
- Fix Intermittent Percy Snapshot Timeouts by [@jmuzina](https://redirect.github.com/jmuzina) ([#5220](https://redirect.github.com/canonical/vanilla-framework/issues/5220))
- Move search into the reduced navigation by [@bartaz](https://redirect.github.com/bartaz) ([#5210](https://redirect.github.com/canonical/vanilla-framework/issues/5210))
- Update dependency canonicalwebteam.flask-base to v2 by [@renovate](https://redirect.github.com/renovate) ([#5211](https://redirect.github.com/canonical/vanilla-framework/issues/5211))
- Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5201](https://redirect.github.com/canonical/vanilla-framework/issues/5201))
- Update application layout to new theming by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5182](https://redirect.github.com/canonical/vanilla-framework/issues/5182))
#### β€οΈ New Contributors
- [@Satishpokala124](https://redirect.github.com/Satishpokala124) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5233](https://redirect.github.com/canonical/vanilla-framework/pull/5233)
- [@sarthak-kumar-shailendra](https://redirect.github.com/sarthak-kumar-shailendra) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5263](https://redirect.github.com/canonical/vanilla-framework/pull/5263)
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.14.0...v4.15.0
### [`v4.14.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.14.0)
[Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.13.0...v4.14.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.14.0
#### π Features
- Add reduced top navigation bar by [@bartaz](https://redirect.github.com/bartaz) and [@petesfrench](https://redirect.github.com/petesfrench) ([#5107](https://redirect.github.com/canonical/vanilla-framework/issues/5107))
- Add cover option to image container component by [@bartaz](https://redirect.github.com/bartaz) ([#5199](https://redirect.github.com/canonical/vanilla-framework/issues/5199))
- Adds class for anchor links to have visual hover state by [@petesfrench](https://redirect.github.com/petesfrench) ([#5120](https://redirect.github.com/canonical/vanilla-framework/issues/5120))
#### π Bug Fixes
- Update alt background in paper theme by [@bartaz](https://redirect.github.com/bartaz) ([#5198](https://redirect.github.com/canonical/vanilla-framework/issues/5198))
- Fix aspect ratio in image container component on smaller screens by [@jmuzina](https://redirect.github.com/jmuzina) ([#5179](https://redirect.github.com/canonical/vanilla-framework/issues/5179))
#### π¨ Maintenance
- Fix favicon not rendering properly in google search. by [@jmuzina](https://redirect.github.com/jmuzina) ([#5183](https://redirect.github.com/canonical/vanilla-framework/issues/5183))
- Percy Error Logging Improvement by [@jmuzina](https://redirect.github.com/jmuzina) ([#5202](https://redirect.github.com/canonical/vanilla-framework/issues/5202))
- Update Switch component with new theme color variables by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5185](https://redirect.github.com/canonical/vanilla-framework/issues/5185))
- Combine examples for Percy by [@jmuzina](https://redirect.github.com/jmuzina) ([#5178](https://redirect.github.com/canonical/vanilla-framework/issues/5178))
- Add new focus theme variable for improved color theme support by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5192](https://redirect.github.com/canonical/vanilla-framework/issues/5192))
- Fix Percy tests being queued against PRs with Percy label when the ne⦠by [@jmuzina](https://redirect.github.com/jmuzina) ([#5191](https://redirect.github.com/canonical/vanilla-framework/issues/5191))
- Update Media Object to support new color theme variables by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5187](https://redirect.github.com/canonical/vanilla-framework/issues/5187))
- fix Percy workflows not running correctly in multi-label case by [@jmuzina](https://redirect.github.com/jmuzina) ([#5188](https://redirect.github.com/canonical/vanilla-framework/issues/5188))
- chore(deps): update dependency canonicalwebteam.discourse to v5.5.0 by [@renovate](https://redirect.github.com/renovate) ([#5181](https://redirect.github.com/canonical/vanilla-framework/issues/5181))
- Fix figma library alert by [@dgtlntv](https://redirect.github.com/dgtlntv) ([#5168](https://redirect.github.com/canonical/vanilla-framework/issues/5168))
- Bump ws from 8.13.0 to 8.17.1 by [@dependabot](https://redirect.github.com/dependabot) ([#5151](https://redirect.github.com/canonical/vanilla-framework/issues/5151))
- Percy workflow selectivity improvements by [@jmuzina](https://redirect.github.com/jmuzina) ([#5108](https://redirect.github.com/canonical/vanilla-framework/issues/5108))
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.13.0...v4.14.0
### [`v4.13.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.13.0)
[Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.12.0...v4.13.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.13.0
#### π Features
- Add new image container component and deprecate legacy image variants by [@jmuzina](https://redirect.github.com/jmuzina) ([#5097](https://redirect.github.com/canonical/vanilla-framework/issues/5097))
#### π Bug Fixes
- Fix ascending/descending icons on sortable tables by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5135](https://redirect.github.com/canonical/vanilla-framework/issues/5135))
- Fix application layout tooltip overflow by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5134](https://redirect.github.com/canonical/vanilla-framework/issues/5134))
#### π Documentation
- Update Pull Requests README with additional information and steps by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5137](https://redirect.github.com/canonical/vanilla-framework/issues/5137))
#### π¨ Maintenance
- Update accordion pattern to use new color theme variables by [@jmuzina](https://redirect.github.com/jmuzina) ([#5138](https://redirect.github.com/canonical/vanilla-framework/issues/5138))
- Update Matrix component with new theme color variables by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5136](https://redirect.github.com/canonical/vanilla-framework/issues/5136))
- Notify Figma library maintainers on release by [@dgtlntv](https://redirect.github.com/dgtlntv) ([#5132](https://redirect.github.com/canonical/vanilla-framework/issues/5132))
- Update dependency [@canonical/cookie-policy](https://redirect.github.com/canonical/cookie-policy) to v3.6.4 by [@renovate](https://redirect.github.com/renovate) ([#5131](https://redirect.github.com/canonical/vanilla-framework/issues/5131))
- Update article pagination to use new theme variables by [@jmuzina](https://redirect.github.com/jmuzina) ([#5126](https://redirect.github.com/canonical/vanilla-framework/issues/5126))
- Update lists pattern to use new color theme variables by [@jmuzina](https://redirect.github.com/jmuzina) ([#5124](https://redirect.github.com/canonical/vanilla-framework/issues/5124))
- Update Pull Quote component with new theme color variables by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5133](https://redirect.github.com/canonical/vanilla-framework/issues/5133))
- Update alternative background colour in dark theme by [@bartaz](https://redirect.github.com/bartaz) ([#5128](https://redirect.github.com/canonical/vanilla-framework/issues/5128))
- Update card pattern to support color themes by [@jmuzina](https://redirect.github.com/jmuzina) ([#5112](https://redirect.github.com/canonical/vanilla-framework/issues/5112))
- Bump braces from 3.0.2 to 3.0.3 by [@dependabot](https://redirect.github.com/dependabot) ([#5121](https://redirect.github.com/canonical/vanilla-framework/issues/5121))
- Update Table of Contents to use new color theme variables by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5113](https://redirect.github.com/canonical/vanilla-framework/issues/5113))
- Reduce padding on navigation items by [@bartaz](https://redirect.github.com/bartaz) ([#5116](https://redirect.github.com/canonical/vanilla-framework/issues/5116))
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.12.0...v4.13.0
### [`v4.12.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.12.0)
[Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.11.0...v4.12.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.12.0
#### π Features
- Add left & right chevron icon variants by [@jmuzina](https://redirect.github.com/jmuzina) ([#5093](https://redirect.github.com/canonical/vanilla-framework/issues/5093))
- Add text-wrap: pretty to \_base_typography.scss by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5090](https://redirect.github.com/canonical/vanilla-framework/issues/5090))
#### π Bug Fixes
- Fix misleading icon import documentation by [@jmuzina](https://redirect.github.com/jmuzina) ([#5100](https://redirect.github.com/canonical/vanilla-framework/issues/5100))
- Fix stepped list content/item padding by [@jmuzina](https://redirect.github.com/jmuzina) ([#5099](https://redirect.github.com/canonical/vanilla-framework/issues/5099))
- Sidenav toggle button triggers on spacebar press by [@jmuzina](https://redirect.github.com/jmuzina) ([#5084](https://redirect.github.com/canonical/vanilla-framework/issues/5084))
#### π Documentation
- Example color theme improvements by [@jmuzina](https://redirect.github.com/jmuzina) ([#5087](https://redirect.github.com/canonical/vanilla-framework/issues/5087))
- Update skiplink example docs to match new branding by [@jmuzina](https://redirect.github.com/jmuzina) ([#5091](https://redirect.github.com/canonical/vanilla-framework/issues/5091))
#### π¨ Maintenance
- Update segmented control to use new color theme variables by [@jmuzina](https://redirect.github.com/jmuzina) ([#5111](https://redirect.github.com/canonical/vanilla-framework/issues/5111))
- Update modal component to support new theming variables by [@bartaz](https://redirect.github.com/bartaz) ([#5106](https://redirect.github.com/canonical/vanilla-framework/issues/5106))
- Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5104](https://redirect.github.com/canonical/vanilla-framework/issues/5104))
- Percy GHA Migration - Baseline updates on push to main by [@jmuzina](https://redirect.github.com/jmuzina) ([#5095](https://redirect.github.com/canonical/vanilla-framework/issues/5095))
- Migrate Percy from CircleCI to Github Actions by [@jmuzina](https://redirect.github.com/jmuzina) ([#5089](https://redirect.github.com/canonical/vanilla-framework/issues/5089))
- Release drafter pulls tag number from package.json automatically by [@jmuzina](https://redirect.github.com/jmuzina) ([#5085](https://redirect.github.com/canonical/vanilla-framework/issues/5085))
#### New Contributors
- [@pastelcyborg](https://redirect.github.com/pastelcyborg) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5090](https://redirect.github.com/canonical/vanilla-framework/pull/5090)
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.11.0...v4.12.0
### [`v4.11.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.11.0)
[Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.10.0...v4.11.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.11.0
#### π£ Potentially breaking change
In [#5081](https://redirect.github.com/canonical/vanilla-framework/issues/5081) we renamed the class names that add dividers to equal heights row component. If you've been using those already, rename them accordingly: `has-1st-divider` to `has-divider-1`, etcβ¦
#### π Features
- Add divider Suru variant by [@bartaz](https://redirect.github.com/bartaz) ([#5053](https://redirect.github.com/canonical/vanilla-framework/issues/5053))
#### π Bug Fixes
- Label line-height on large breakpoint fix by [@dgtlntv](https://redirect.github.com/dgtlntv) ([#5075](https://redirect.github.com/canonical/vanilla-framework/issues/5075))
- Navigation "back" button chevron points left instead of right by [@jmuzina](https://redirect.github.com/jmuzina) ([#5077](https://redirect.github.com/canonical/vanilla-framework/issues/5077))
- fix border color discrepancy between themes by [@lyubomir-popov](https://redirect.github.com/lyubomir-popov) ([#5056](https://redirect.github.com/canonical/vanilla-framework/issues/5056))
#### π Documentation
- Update empty state 404 documentation example to match new branding by [@jmuzina](https://redirect.github.com/jmuzina) ([#5079](https://redirect.github.com/canonical/vanilla-framework/issues/5079))
- Update accordion accessibility documentation by [@jmuzina](https://redirect.github.com/jmuzina) ([#5083](https://redirect.github.com/canonical/vanilla-framework/issues/5083))
- Table layout utilities classes also apply to descendant elements; add table layout example docs by [@jmuzina](https://redirect.github.com/jmuzina) ([#5070](https://redirect.github.com/canonical/vanilla-framework/issues/5070))
- Alphabetize documentation sidenav elements by [@jmuzina](https://redirect.github.com/jmuzina) ([#5080](https://redirect.github.com/canonical/vanilla-framework/issues/5080))
- Don't name hero a pattern by [@bartaz](https://redirect.github.com/bartaz) ([#5082](https://redirect.github.com/canonical/vanilla-framework/issues/5082))
- Hero pattern docs by [@bartaz](https://redirect.github.com/bartaz) ([#5063](https://redirect.github.com/canonical/vanilla-framework/issues/5063))
- Add space to grid docs by [@britneywwc](https://redirect.github.com/britneywwc) ([#5061](https://redirect.github.com/canonical/vanilla-framework/issues/5061))
- Fix typography docs by [@dgtlntv](https://redirect.github.com/dgtlntv) ([#5055](https://redirect.github.com/canonical/vanilla-framework/issues/5055))
#### π¨ Maintenance
- Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5071](https://redirect.github.com/canonical/vanilla-framework/issues/5071))
- Table layout utilities classes also apply to descendant elements; add table layout example docs by [@jmuzina](https://redirect.github.com/jmuzina) ([#5070](https://redirect.github.com/canonical/vanilla-framework/issues/5070))
- Equal heights updates by [@bartaz](https://redirect.github.com/bartaz) ([#5081](https://redirect.github.com/canonical/vanilla-framework/issues/5081))
- Update team members by [@jmuzina](https://redirect.github.com/jmuzina) ([#5073](https://redirect.github.com/canonical/vanilla-framework/issues/5073))
- Adjust p-nudge to better align text to the baseline grid by [@dgtlntv](https://redirect.github.com/dgtlntv) ([#4957](https://redirect.github.com/canonical/vanilla-framework/issues/4957))
- chore(deps): update dependency [@canonical/cookie-policy](https://redirect.github.com/canonical/cookie-policy) to v3.6.3 by [@renovate](https://redirect.github.com/renovate) ([#5051](https://redirect.github.com/canonical/vanilla-framework/issues/5051))
- Update rule component to use new theme variables by [@bartaz](https://redirect.github.com/bartaz) ([#5064](https://redirect.github.com/canonical/vanilla-framework/issues/5064))
- Add theme support for active pagination button by [@britneywwc](https://redirect.github.com/britneywwc) ([#5058](https://redirect.github.com/canonical/vanilla-framework/issues/5058))
- Update divided list to use new theme colours by [@lyubomir-popov](https://redirect.github.com/lyubomir-popov) ([#5057](https://redirect.github.com/canonical/vanilla-framework/issues/5057))
#### New Contributors
- [@dgtlntv](https://redirect.github.com/dgtlntv) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5055](https://redirect.github.com/canonical/vanilla-framework/pull/5055)
- [@jmuzina](https://redirect.github.com/jmuzina) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5073](https://redirect.github.com/canonical/vanilla-framework/pull/5073)
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.10.0...v4.11.0
### [`v4.10.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.10.0)
[Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.9.1...v4.10.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.10.0
#### π£ Breaking changes
Setting default theme via SCSS variables is now deprecated. For example, using `$theme-default-nav` with value `dark` will not work anymore. Use `is-dark` or `is-light` class names in HTML instead.
#### π Features
- Add equal height row component by [@mas-who](https://redirect.github.com/mas-who) ([#5039](https://redirect.github.com/canonical/vanilla-framework/issues/5039))
- Add design guidelines from discourse to Vanilla docs markdown by [@aaryanporwal](https://redirect.github.com/aaryanporwal) ([#4927](https://redirect.github.com/canonical/vanilla-framework/issues/4927))
- Update navigation component to new theming by [@bartaz](https://redirect.github.com/bartaz) ([#5043](https://redirect.github.com/canonical/vanilla-framework/issues/5043))
#### π Bug Fixes
- Fix link icon by [@bartaz](https://redirect.github.com/bartaz) ([#5046](https://redirect.github.com/canonical/vanilla-framework/issues/5046))
#### π Documentation
- Fix typo in release notes by [@bartaz](https://redirect.github.com/bartaz) ([#5050](https://redirect.github.com/canonical/vanilla-framework/issues/5050))
- Add design guidelines from discourse to Vanilla docs markdown by [@aaryanporwal](https://redirect.github.com/aaryanporwal) ([#4927](https://redirect.github.com/canonical/vanilla-framework/issues/4927))
#### π¨ Maintenance
- Use new theme colours in base styles by [@bartaz](https://redirect.github.com/bartaz) ([#5054](https://redirect.github.com/canonical/vanilla-framework/issues/5054))
- Deprecate old theme variables and remove them from code and docs by [@bartaz](https://redirect.github.com/bartaz) ([#5052](https://redirect.github.com/canonical/vanilla-framework/issues/5052))
- Remove get-site-urls dependency by [@bartaz](https://redirect.github.com/bartaz) ([#5049](https://redirect.github.com/canonical/vanilla-framework/issues/5049))
- Fix Percy on CircleCI performance issues by [@bartaz](https://redirect.github.com/bartaz) ([#5048](https://redirect.github.com/canonical/vanilla-framework/issues/5048))
- Fix access to localhost server on CircleCI by [@bartaz](https://redirect.github.com/bartaz) ([#5045](https://redirect.github.com/canonical/vanilla-framework/issues/5045))
- Update dependency [@canonical/cookie-policy](https://redirect.github.com/canonical/cookie-policy) to v3.6.0 by [@renovate](https://redirect.github.com/renovate) ([#5038](https://redirect.github.com/canonical/vanilla-framework/issues/5038))
- Update release-drafter/release-drafter action to v6 by [@renovate](https://redirect.github.com/renovate) ([#5041](https://redirect.github.com/canonical/vanilla-framework/issues/5041))
- Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5040](https://redirect.github.com/canonical/vanilla-framework/issues/5040))
#### New Contributors
- [@mas-who](https://redirect.github.com/mas-who) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5039](https://redirect.github.com/canonical/vanilla-framework/pull/5039)
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.9.1...v4.10.0
### [`v4.9.1`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.9.1)
[Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.9.0...v4.9.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.9.1
#### π Bug Fixes
- Fix table mobile card top border by [@britneywwc](https://redirect.github.com/britneywwc) ([#5005](https://redirect.github.com/canonical/vanilla-framework/issues/5005))
- Revert default info icon to standard colour by [@bartaz](https://redirect.github.com/bartaz) ([#5027](https://redirect.github.com/canonical/vanilla-framework/issues/5027))
#### π¨ Maintenance
- Move active/hover button opacity variables to settings by [@bartaz](https://redirect.github.com/bartaz) ([#5029](https://redirect.github.com/canonical/vanilla-framework/issues/5029))
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.9.0...v4.9.1
### [`v4.9.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.9.0)
[Compare Source](https://redirect.github.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://redirect.github.com/petesfrench) ([#5012](https://redirect.github.com/canonical/vanilla-framework/issues/5012))
- Add theme support for code snippet by [@britneywwc](https://redirect.github.com/britneywwc) ([#5004](https://redirect.github.com/canonical/vanilla-framework/issues/5004))
- Add a fourth level of nesting to the side navigation component by [@petesfrench](https://redirect.github.com/petesfrench) ([#5010](https://redirect.github.com/canonical/vanilla-framework/issues/5010))
- Buttons themes by [@bartaz](https://redirect.github.com/bartaz) ([#5024](https://redirect.github.com/canonical/vanilla-framework/issues/5024))
##### π Bug Fixes
- Fix regression that caused wrong success icon being used in lists by [@bartaz](https://redirect.github.com/bartaz) ([#5028](https://redirect.github.com/canonical/vanilla-framework/issues/5028))
- Fix nested list counter by [@codeEmpress1](https://redirect.github.com/codeEmpress1) ([#5011](https://redirect.github.com/canonical/vanilla-framework/issues/5011))
- Fix width of bold linked heading on hover in side-navigation by [@codeEmpress1](https://redirect.github.com/codeEmpress1) ([#5009](https://redirect.github.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://redirect.github.com/petesfrench) ([#5008](https://redirect.github.com/canonical/vanilla-framework/issues/5008))
- Adjust columns on mobile view for step-list--detailed by [@petesfrench](https://redirect.github.com/petesfrench) ([#5007](https://redirect.github.com/canonical/vanilla-framework/issues/5007))
##### π Documentation
- Theme switch in examples by [@codeEmpress1](https://redirect.github.com/codeEmpress1) ([#5022](https://redirect.github.com/canonical/vanilla-framework/issues/5022))
- Update link to Accessibility Alphabet by [@bartaz](https://redirect.github.com/bartaz) ([#5020](https://redirect.github.com/canonical/vanilla-framework/issues/5020))
- Add validation example by [@codeEmpress1](https://redirect.github.com/codeEmpress1) ([#5013](https://redirect.github.com/canonical/vanilla-framework/issues/5013))
##### π¨ Maintenance
- Fixed typo in GH issue template (out site -> our site) by [@tanyabouman](https://redirect.github.com/tanyabouman) ([#5018](https://redirect.github.com/canonical/vanilla-framework/issues/5018))
- Update dependency svgo to v3 by [@renovate](https://redirect.github.com/renovate) ([#5016](https://redirect.github.com/canonical/vanilla-framework/issues/5016))
- Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5015](https://redirect.github.com/canonical/vanilla-framework/issues/5015))
- Bump es5-ext from 0.10.53 to 0.10.63 by [@dependabot](https://redirect.github.com/dependabot) ([#5006](https://redirect.github.com/canonical/vanilla-framework/issues/5006))
- Remove repeated colours by [@britneywwc](https://redirect.github.com/britneywwc) ([#5003](https://redirect.github.com/canonical/vanilla-framework/issues/5003))
##### New Contributors
- [@codeEmpress1](https://redirect.github.com/codeEmpress1) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5009](https://redirect.github.com/canonical/vanilla-framework/pull/5009)
- [@tanyabouman](https://redirect.github.com/tanyabouman) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5018](https://redirect.github.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://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.8.0)
[Compare Source](https://redirect.github.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).
##### π£ Breaking changes
The (now deprecated) inverted link component was updated to support new theming. This may cause an issue that inverted link turns black when used in default "light" theme. Please add `is-dark` class name for any element that changes background to dark, so that the child components would correctly inherit the theme.
##### π Guest devs
Vanilla team was joined for a Pulse by wonderful guest developers: [@britneywwc](https://redirect.github.com/britneywwc) [@chillkang](https://redirect.github.com/chillkang). This release would not be possible without their contributions. Thanks!
##### π Changelog
##### π Features
- Update strip component to new theming system by [@bartaz](https://redirect.github.com/bartaz) ([#4996](https://redirect.github.com/canonical/vanilla-framework/issues/4996))
- Add theme support for table component by [@britneywwc](https://redirect.github.com/britneywwc) ([#5000](https://redirect.github.com/canonical/vanilla-framework/issues/5000))
- Update links to use new theming by [@bartaz](https://redirect.github.com/bartaz) ([#4997](https://redirect.github.com/canonical/vanilla-framework/issues/4997))
- Add theme support for muted text by [@britneywwc](https://redirect.github.com/britneywwc) ([#4994](https://redirect.github.com/canonical/vanilla-framework/issues/4994))
- Update core icons to support new theming system by [@bartaz](https://redirect.github.com/bartaz) ([#4993](https://redirect.github.com/canonical/vanilla-framework/issues/4993))
- Add more hero suru variants by [@bartaz](https://redirect.github.com/bartaz) ([#4989](https://redirect.github.com/canonical/vanilla-framework/issues/4989))
- Add dark theme support to notifications by [@chillkang](https://redirect.github.com/chillkang) ([#4971](https://redirect.github.com/canonical/vanilla-framework/issues/4971))
- Update chips with new theming support by [@chillkang](https://redirect.github.com/chillkang) ([#4986](https://redirect.github.com/canonical/vanilla-framework/issues/4986))
- Update Suru to support hero sections with 25/75 and 50/50 main suru backgrounds by [@bartaz](https://redirect.github.com/bartaz) ([#4985](https://redirect.github.com/canonical/vanilla-framework/issues/4985))
- Add theme support for form validation by [@britneywwc](https://redirect.github.com/britneywwc
Configuration
π Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
π¦ Automerge: Enabled.
β» Rebasing: Whenever PR is behind base branch, 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 contains the following updates:
4.0.0
->4.18.2
Release Notes
canonical/vanilla-framework (vanilla-framework)
### [`v4.18.2`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.18.2) [Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.18.1...v4.18.2) #### 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.18.2 #### π Bug Fixes - Fix using the image container with lazyloaded images by [@jmuzina](https://redirect.github.com/jmuzina) ([#5403](https://redirect.github.com/canonical/vanilla-framework/issues/5403)) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.18.1...v4.18.2 ### [`v4.18.1`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.18.1) [Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.18.0...v4.18.1) #### Getting Vanilla Framework Install with NPM: https://www.npmjs.com/package/vanilla-framework Visit the documentation at https://vanillaframework.io/docs **This release will cause lazy-loaded images loaded with the canonical web template not to load. It has been fixed in [4.18.2.](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.18.2)** #### New in Vanilla v4.18.1 #### π Bug Fixes - fix: responsive aspect ratios don't work with intermediate elements by [@jmuzina](https://redirect.github.com/jmuzina) ([#5402](https://redirect.github.com/canonical/vanilla-framework/issues/5402)) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.18.0...v4.18.1 ### [`v4.18.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.18.0) [Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.17.1...v4.18.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.18.0 #### π Features - Feat: Rich vertical list pattern by [@jmuzina](https://redirect.github.com/jmuzina) ([#5306](https://redirect.github.com/canonical/vanilla-framework/issues/5306)) - feat: Quote Wrapper Pattern by [@jmuzina](https://redirect.github.com/jmuzina) ([#5275](https://redirect.github.com/canonical/vanilla-framework/issues/5275)) - feat: Implement content grid (`.grid-row` and `.grid-col`) by [@jmuzina](https://redirect.github.com/jmuzina) ([#5368](https://redirect.github.com/canonical/vanilla-framework/issues/5368)) #### π Bug Fixes - Adjust search and filter component height to align with standard inputs by [@bartaz](https://redirect.github.com/bartaz) ([#5399](https://redirect.github.com/canonical/vanilla-framework/issues/5399)) - fix: Search and filter hidden search button alignment and stacking order adjustment by [@jmuzina](https://redirect.github.com/jmuzina) ([#5339](https://redirect.github.com/canonical/vanilla-framework/issues/5339)) - Fix input padding alignment by [@bartaz](https://redirect.github.com/bartaz) ([#5389](https://redirect.github.com/canonical/vanilla-framework/issues/5389)) - Fix slider margin by [@mcslayer](https://redirect.github.com/mcslayer) ([#5392](https://redirect.github.com/canonical/vanilla-framework/issues/5392)) - Fix top margin of validation messages in dense form elements by [@jmuzina](https://redirect.github.com/jmuzina) ([#5343](https://redirect.github.com/canonical/vanilla-framework/issues/5343)) - Fix icon margin within small buttons by [@mcslayer](https://redirect.github.com/mcslayer) ([#5387](https://redirect.github.com/canonical/vanilla-framework/issues/5387)) #### π Documentation - Add CSS range syntax to breakpoints settings page by [@mcslayer](https://redirect.github.com/mcslayer) ([#5395](https://redirect.github.com/canonical/vanilla-framework/issues/5395)) - Add basic themes documentation by [@bartaz](https://redirect.github.com/bartaz) ([#5378](https://redirect.github.com/canonical/vanilla-framework/issues/5378)) - Add links to react storybook for existing components by [@mcslayer](https://redirect.github.com/mcslayer) ([#5381](https://redirect.github.com/canonical/vanilla-framework/issues/5381)) - Change links for react components by [@mcslayer](https://redirect.github.com/mcslayer) ([#5380](https://redirect.github.com/canonical/vanilla-framework/issues/5380)) #### π¨ Maintenance - Update layout of the homepage "downloads" section on medium screens by [@mcslayer](https://redirect.github.com/mcslayer) ([#5400](https://redirect.github.com/canonical/vanilla-framework/issues/5400)) - Set icon alignment in paragraph to text-bottom by [@advl](https://redirect.github.com/advl) ([#5314](https://redirect.github.com/canonical/vanilla-framework/issues/5314)) - Update icon SVGs to use simplified paths and fix artifacts by [@bartaz](https://redirect.github.com/bartaz) ([#5385](https://redirect.github.com/canonical/vanilla-framework/issues/5385)) - Update remaining legacy components to use new theme colours. by [@bartaz](https://redirect.github.com/bartaz) ([#5377](https://redirect.github.com/canonical/vanilla-framework/issues/5377)) - Change the JIRA epic where new issues are synchronised by [@bartaz](https://redirect.github.com/bartaz) ([#5383](https://redirect.github.com/canonical/vanilla-framework/issues/5383)) #### New Contributors - [@advl](https://redirect.github.com/advl) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5314](https://redirect.github.com/canonical/vanilla-framework/pull/5314) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.17.1...v4.18.0 ### [`v4.17.1`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.17.1) [Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.17.0...v4.17.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.17.1 This is a follow-up hotfix release for [v4.17.0](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.17.0), where we introduced usage of Sass color functions only available in recent versions of `sass`. This release adds relevant version of `sass` a peer dependency to make it a bit easier to identify the problem when installing. Check [release notes for v4.17.0](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.17.0) for more details. #### π¨ Maintenance - Add `sass` as a peer dependency by [@jmuzina](https://redirect.github.com/jmuzina) ([#5379](https://redirect.github.com/canonical/vanilla-framework/issues/5379)) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.17.0...v4.17.1 ### [`v4.17.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.17.0) [Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.16.0...v4.17.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.17.0 β οΈ Due to Sass deprecating older color functions we updated our SCSS code, but new Sass APIs require `sass` at least at version 1.79.0 or higher. So please update your `sass` along with Vanilla. #### π Features - Add new additional icons by [@bartaz](https://redirect.github.com/bartaz) ([#5372](https://redirect.github.com/canonical/vanilla-framework/issues/5372)) - feat: Publish & Document Jinja Macros by [@jmuzina](https://redirect.github.com/jmuzina) ([#5342](https://redirect.github.com/canonical/vanilla-framework/issues/5342)) - Add Color primitive/palette Design Tokens by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5358](https://redirect.github.com/canonical/vanilla-framework/issues/5358)) - Add color, font, and opacity Design Tokens from Core Components Figma file by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5267](https://redirect.github.com/canonical/vanilla-framework/issues/5267)) #### π Bug Fixes - Add support for chip links by [@jmuzina](https://redirect.github.com/jmuzina) ([#5347](https://redirect.github.com/canonical/vanilla-framework/issues/5347)) #### π Documentation - Add content guidance for tables by [@Sophie-32](https://redirect.github.com/Sophie-32) ([#5376](https://redirect.github.com/canonical/vanilla-framework/issues/5376)) - Add support for adding status label component within documentation page headings by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5353](https://redirect.github.com/canonical/vanilla-framework/issues/5353)) #### π¨ Maintenance - fix(skip-link): give the skip link a more modern styling by [@lorumic](https://redirect.github.com/lorumic) ([#5371](https://redirect.github.com/canonical/vanilla-framework/issues/5371)) - Update contributors list by [@jmuzina](https://redirect.github.com/jmuzina) ([#5373](https://redirect.github.com/canonical/vanilla-framework/issues/5373)) - Remove SASS warnings by using color.scale and color.channel functions by [@mcslayer](https://redirect.github.com/mcslayer) ([#5370](https://redirect.github.com/canonical/vanilla-framework/issues/5370)) - Note: this requires updating to [sass](https://www.npmjs.com/package/sass) version 1.79.0 or higher if you build with our SASS. - Manually set baseline build commit signature by [@jmuzina](https://redirect.github.com/jmuzina) ([#5340](https://redirect.github.com/canonical/vanilla-framework/issues/5340)) - Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5360](https://redirect.github.com/canonical/vanilla-framework/issues/5360)) - Update dependency canonicalwebteam.search to v2.1.1 by [@renovate](https://redirect.github.com/renovate) ([#5354](https://redirect.github.com/canonical/vanilla-framework/issues/5354)) #### New Contributors - [@mcslayer](https://redirect.github.com/mcslayer) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5370](https://redirect.github.com/canonical/vanilla-framework/pull/5370) - [@Sophie-32](https://redirect.github.com/Sophie-32) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5376](https://redirect.github.com/canonical/vanilla-framework/pull/5376) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.16.0...v4.17.0 ### [`v4.16.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.16.0) [Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.15.0...v4.16.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.16.0 #### π Features - Make separator styling consistent by [@bartaz](https://redirect.github.com/bartaz) ([#5338](https://redirect.github.com/canonical/vanilla-framework/issues/5338)) - Equal height row component responsive updates by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5276](https://redirect.github.com/canonical/vanilla-framework/issues/5276)) - Update vf-focus mixin to properly support theming by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5307](https://redirect.github.com/canonical/vanilla-framework/issues/5307)) - Add additional CTA block usage examples for Tiered List pattern by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5318](https://redirect.github.com/canonical/vanilla-framework/issues/5318)) - Responsive image aspect ratio variants by [@jmuzina](https://redirect.github.com/jmuzina) ([#5308](https://redirect.github.com/canonical/vanilla-framework/issues/5308)) - Add form legend required symbol by [@britneywwc](https://redirect.github.com/britneywwc) ([#5214](https://redirect.github.com/canonical/vanilla-framework/issues/5214)) - Add borderless CTA block variant by [@jmuzina](https://redirect.github.com/jmuzina) ([#5278](https://redirect.github.com/canonical/vanilla-framework/issues/5278)) #### π Bug Fixes - Update utility files to use CSS range syntax by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5311](https://redirect.github.com/canonical/vanilla-framework/issues/5311)) - Update component files to use CSS range syntax by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5316](https://redirect.github.com/canonical/vanilla-framework/issues/5316)) - Update layout files to use CSS range syntax by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5315](https://redirect.github.com/canonical/vanilla-framework/issues/5315)) - Fix ordering of lists/nested lists using custom counters by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5301](https://redirect.github.com/canonical/vanilla-framework/issues/5301)) - bug: Don't close navigation on vertical resize by [@petesfrench](https://redirect.github.com/petesfrench) ([#5302](https://redirect.github.com/canonical/vanilla-framework/issues/5302)) #### π Documentation - Make rule component and `hr` element consistent in styling by [@petesfrench](https://redirect.github.com/petesfrench) ([#5241](https://redirect.github.com/canonical/vanilla-framework/issues/5241)) - Improve Percy workflow docs by [@jmuzina](https://redirect.github.com/jmuzina) ([#5305](https://redirect.github.com/canonical/vanilla-framework/issues/5305)) - Update all references to WCAG 2.1 to WCAG 2.2; fix broken accessibility reference links by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5297](https://redirect.github.com/canonical/vanilla-framework/issues/5297)) #### π¨ Maintenance - Bump path-to-regexp from 6.2.1 to 6.3.0 by [@dependabot](https://redirect.github.com/dependabot) ([#5345](https://redirect.github.com/canonical/vanilla-framework/issues/5345)) - Remove no-padding-top from hero signpost title by [@jmuzina](https://redirect.github.com/jmuzina) ([#5341](https://redirect.github.com/canonical/vanilla-framework/issues/5341)) - Adapt tree list component for content CMS by [@jmuzina](https://redirect.github.com/jmuzina) ([#5270](https://redirect.github.com/canonical/vanilla-framework/issues/5270)) - Add color theme support to Search & Filter component by [@jmuzina](https://redirect.github.com/jmuzina) ([#5127](https://redirect.github.com/canonical/vanilla-framework/issues/5127)) - Add theme support to tooltip component by [@jmuzina](https://redirect.github.com/jmuzina) ([#5326](https://redirect.github.com/canonical/vanilla-framework/issues/5326)) - Revert "Group Percy snapshots by test case name ([#5299](https://redirect.github.com/canonical/vanilla-framework/issues/5299))" by [@jmuzina](https://redirect.github.com/jmuzina) ([#5335](https://redirect.github.com/canonical/vanilla-framework/issues/5335)) - Group Percy snapshots by test case name by [@jmuzina](https://redirect.github.com/jmuzina) ([#5299](https://redirect.github.com/canonical/vanilla-framework/issues/5299)) - Add color theming explanation comment to status label mixin by [@jmuzina](https://redirect.github.com/jmuzina) ([#5139](https://redirect.github.com/canonical/vanilla-framework/issues/5139)) - Bump micromatch from 4.0.7 to 4.0.8 by [@dependabot](https://redirect.github.com/dependabot) ([#5333](https://redirect.github.com/canonical/vanilla-framework/issues/5333)) - Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5334](https://redirect.github.com/canonical/vanilla-framework/issues/5334)) - Improve combined example baseline alignment by [@jmuzina](https://redirect.github.com/jmuzina) ([#5327](https://redirect.github.com/canonical/vanilla-framework/issues/5327)) - Theme accent color by [@jmuzina](https://redirect.github.com/jmuzina) ([#5328](https://redirect.github.com/canonical/vanilla-framework/issues/5328)) - Add button to close example toolbar by [@jmuzina](https://redirect.github.com/jmuzina) ([#5309](https://redirect.github.com/canonical/vanilla-framework/issues/5309)) - Add advl to team members list by [@jmuzina](https://redirect.github.com/jmuzina) ([#5310](https://redirect.github.com/canonical/vanilla-framework/issues/5310)) - Merge latest `main` before running Percy by [@jmuzina](https://redirect.github.com/jmuzina) ([#5300](https://redirect.github.com/canonical/vanilla-framework/issues/5300)) - Fix responsive grid example not rendering correctly in combined view by [@jmuzina](https://redirect.github.com/jmuzina) ([#5285](https://redirect.github.com/canonical/vanilla-framework/issues/5285)) - Add --silence-deprecation flag to mute mixed declaration Sass deprecation warnings by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5295](https://redirect.github.com/canonical/vanilla-framework/issues/5295)) - Percy tokens prep by [@jmuzina](https://redirect.github.com/jmuzina) ([#5291](https://redirect.github.com/canonical/vanilla-framework/issues/5291)) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.15.0...v4.16.0 ### [`v4.15.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.15.0) [Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.14.0...v4.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 v4.15.0 #### π Features - Tiered List HOC/Pattern by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5212](https://redirect.github.com/canonical/vanilla-framework/issues/5212)) - feat: Create Hero Pattern w/ Macros by [@jmuzina](https://redirect.github.com/jmuzina) ([#5248](https://redirect.github.com/canonical/vanilla-framework/issues/5248)) - Full width dropdowns for Vanilla "meganav" navigation by [@bartaz](https://redirect.github.com/bartaz) ([#5213](https://redirect.github.com/canonical/vanilla-framework/issues/5213)) - 75/25% Grid Row (`.row--75-25`) by [@jmuzina](https://redirect.github.com/jmuzina) ([#5235](https://redirect.github.com/canonical/vanilla-framework/issues/5235)) - CTA Block component by [@jmuzina](https://redirect.github.com/jmuzina) ([#5196](https://redirect.github.com/canonical/vanilla-framework/issues/5196)) #### π Bug Fixes - Fix styling issues of meganav on small screens by [@bartaz](https://redirect.github.com/bartaz) ([#5110](https://redirect.github.com/canonical/vanilla-framework/issues/5110)) - Remove deprecated -webkit-search-cancel-button pseudo-element styles by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5265](https://redirect.github.com/canonical/vanilla-framework/issues/5265)) - Add new theme variable for Positive Button focus state by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5217](https://redirect.github.com/canonical/vanilla-framework/issues/5217)) - Correct labels on grid examples by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5222](https://redirect.github.com/canonical/vanilla-framework/issues/5222)) - Correct theme usage on Side Navigation example by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5216](https://redirect.github.com/canonical/vanilla-framework/issues/5216)) - Align logo in reduced nav with the grid by [@bartaz](https://redirect.github.com/bartaz) ([#5215](https://redirect.github.com/canonical/vanilla-framework/issues/5215)) - Styling updates for reduced navigation by [@bartaz](https://redirect.github.com/bartaz) ([#5206](https://redirect.github.com/canonical/vanilla-framework/issues/5206)) #### π Documentation - Indent code snippets using `js-beautify` by [@jmuzina](https://redirect.github.com/jmuzina) ([#5259](https://redirect.github.com/canonical/vanilla-framework/issues/5259)) - Fix theming of grid examples by [@jmuzina](https://redirect.github.com/jmuzina) ([#5256](https://redirect.github.com/canonical/vanilla-framework/issues/5256)) - Remove excess whitespace in class reference table by [@jmuzina](https://redirect.github.com/jmuzina) ([#5247](https://redirect.github.com/canonical/vanilla-framework/issues/5247)) - Fix incorrect href value on "Related section" link by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5244](https://redirect.github.com/canonical/vanilla-framework/issues/5244)) - Remove bots from the contributors list by [@Satishpokala124](https://redirect.github.com/Satishpokala124) ([#5233](https://redirect.github.com/canonical/vanilla-framework/issues/5233)) - Fix duplicated suru fan examples by [@jmuzina](https://redirect.github.com/jmuzina) ([#5232](https://redirect.github.com/canonical/vanilla-framework/issues/5232)) - Add `is-cover` to image container class reference by [@jmuzina](https://redirect.github.com/jmuzina) ([#5207](https://redirect.github.com/canonical/vanilla-framework/issues/5207)) #### π¨ Maintenance - Fix tagged navigation icon spacing by [@jmuzina](https://redirect.github.com/jmuzina) ([#5258](https://redirect.github.com/canonical/vanilla-framework/issues/5258)) - Update dependency canonicalwebteam.search to v2 by [@renovate](https://redirect.github.com/renovate) ([#5272](https://redirect.github.com/canonical/vanilla-framework/issues/5272)) - Update dependency canonicalwebteam.search to v1.4.0 by [@renovate](https://redirect.github.com/renovate) ([#5255](https://redirect.github.com/canonical/vanilla-framework/issues/5255)) - Simplify Percy Breakpoint/Theme snapshots by [@jmuzina](https://redirect.github.com/jmuzina) ([#5251](https://redirect.github.com/canonical/vanilla-framework/issues/5251)) - Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5268](https://redirect.github.com/canonical/vanilla-framework/issues/5268)) - Adjust spacing and size of logo section and deprecate the dense variant by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5252](https://redirect.github.com/canonical/vanilla-framework/issues/5252)) - Update styling of reduced nav on small screens by [@bartaz](https://redirect.github.com/bartaz) ([#5246](https://redirect.github.com/canonical/vanilla-framework/issues/5246)) - Fixes [#5228](https://redirect.github.com/canonical/vanilla-framework/issues/5228) duplicate css by [@sarthak-kumar-shailendra](https://redirect.github.com/sarthak-kumar-shailendra) ([#5263](https://redirect.github.com/canonical/vanilla-framework/issues/5263)) - Remove percy_upload status check by [@jmuzina](https://redirect.github.com/jmuzina) ([#5249](https://redirect.github.com/canonical/vanilla-framework/issues/5249)) - Add new directional chevron mixins for use in Article Pagination by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5253](https://redirect.github.com/canonical/vanilla-framework/issues/5253)) - Percy macros artifact fix by [@jmuzina](https://redirect.github.com/jmuzina) ([#5257](https://redirect.github.com/canonical/vanilla-framework/issues/5257)) - Add `templates/_macros` to percy tests by [@jmuzina](https://redirect.github.com/jmuzina) ([#5250](https://redirect.github.com/canonical/vanilla-framework/issues/5250)) - Remove discourse module and related routes by [@bartaz](https://redirect.github.com/bartaz) ([#5239](https://redirect.github.com/canonical/vanilla-framework/issues/5239)) - Change strips image example background to decrease load time by [@jmuzina](https://redirect.github.com/jmuzina) ([#5237](https://redirect.github.com/canonical/vanilla-framework/issues/5237)) - Sync Github Issues to Jira Issues by [@jmuzina](https://redirect.github.com/jmuzina) ([#5224](https://redirect.github.com/canonical/vanilla-framework/issues/5224)) - Fix typo in PR template by [@jmuzina](https://redirect.github.com/jmuzina) ([#5225](https://redirect.github.com/canonical/vanilla-framework/issues/5225)) - Fix Intermittent Percy Snapshot Timeouts by [@jmuzina](https://redirect.github.com/jmuzina) ([#5220](https://redirect.github.com/canonical/vanilla-framework/issues/5220)) - Move search into the reduced navigation by [@bartaz](https://redirect.github.com/bartaz) ([#5210](https://redirect.github.com/canonical/vanilla-framework/issues/5210)) - Update dependency canonicalwebteam.flask-base to v2 by [@renovate](https://redirect.github.com/renovate) ([#5211](https://redirect.github.com/canonical/vanilla-framework/issues/5211)) - Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5201](https://redirect.github.com/canonical/vanilla-framework/issues/5201)) - Update application layout to new theming by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5182](https://redirect.github.com/canonical/vanilla-framework/issues/5182)) #### β€οΈ New Contributors - [@Satishpokala124](https://redirect.github.com/Satishpokala124) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5233](https://redirect.github.com/canonical/vanilla-framework/pull/5233) - [@sarthak-kumar-shailendra](https://redirect.github.com/sarthak-kumar-shailendra) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5263](https://redirect.github.com/canonical/vanilla-framework/pull/5263) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.14.0...v4.15.0 ### [`v4.14.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.14.0) [Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.13.0...v4.14.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.14.0 #### π Features - Add reduced top navigation bar by [@bartaz](https://redirect.github.com/bartaz) and [@petesfrench](https://redirect.github.com/petesfrench) ([#5107](https://redirect.github.com/canonical/vanilla-framework/issues/5107)) - Add cover option to image container component by [@bartaz](https://redirect.github.com/bartaz) ([#5199](https://redirect.github.com/canonical/vanilla-framework/issues/5199)) - Adds class for anchor links to have visual hover state by [@petesfrench](https://redirect.github.com/petesfrench) ([#5120](https://redirect.github.com/canonical/vanilla-framework/issues/5120)) #### π Bug Fixes - Update alt background in paper theme by [@bartaz](https://redirect.github.com/bartaz) ([#5198](https://redirect.github.com/canonical/vanilla-framework/issues/5198)) - Fix aspect ratio in image container component on smaller screens by [@jmuzina](https://redirect.github.com/jmuzina) ([#5179](https://redirect.github.com/canonical/vanilla-framework/issues/5179)) #### π¨ Maintenance - Fix favicon not rendering properly in google search. by [@jmuzina](https://redirect.github.com/jmuzina) ([#5183](https://redirect.github.com/canonical/vanilla-framework/issues/5183)) - Percy Error Logging Improvement by [@jmuzina](https://redirect.github.com/jmuzina) ([#5202](https://redirect.github.com/canonical/vanilla-framework/issues/5202)) - Update Switch component with new theme color variables by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5185](https://redirect.github.com/canonical/vanilla-framework/issues/5185)) - Combine examples for Percy by [@jmuzina](https://redirect.github.com/jmuzina) ([#5178](https://redirect.github.com/canonical/vanilla-framework/issues/5178)) - Add new focus theme variable for improved color theme support by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5192](https://redirect.github.com/canonical/vanilla-framework/issues/5192)) - Fix Percy tests being queued against PRs with Percy label when the neβ¦ by [@jmuzina](https://redirect.github.com/jmuzina) ([#5191](https://redirect.github.com/canonical/vanilla-framework/issues/5191)) - Update Media Object to support new color theme variables by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5187](https://redirect.github.com/canonical/vanilla-framework/issues/5187)) - fix Percy workflows not running correctly in multi-label case by [@jmuzina](https://redirect.github.com/jmuzina) ([#5188](https://redirect.github.com/canonical/vanilla-framework/issues/5188)) - chore(deps): update dependency canonicalwebteam.discourse to v5.5.0 by [@renovate](https://redirect.github.com/renovate) ([#5181](https://redirect.github.com/canonical/vanilla-framework/issues/5181)) - Fix figma library alert by [@dgtlntv](https://redirect.github.com/dgtlntv) ([#5168](https://redirect.github.com/canonical/vanilla-framework/issues/5168)) - Bump ws from 8.13.0 to 8.17.1 by [@dependabot](https://redirect.github.com/dependabot) ([#5151](https://redirect.github.com/canonical/vanilla-framework/issues/5151)) - Percy workflow selectivity improvements by [@jmuzina](https://redirect.github.com/jmuzina) ([#5108](https://redirect.github.com/canonical/vanilla-framework/issues/5108)) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.13.0...v4.14.0 ### [`v4.13.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.13.0) [Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.12.0...v4.13.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.13.0 #### π Features - Add new image container component and deprecate legacy image variants by [@jmuzina](https://redirect.github.com/jmuzina) ([#5097](https://redirect.github.com/canonical/vanilla-framework/issues/5097)) #### π Bug Fixes - Fix ascending/descending icons on sortable tables by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5135](https://redirect.github.com/canonical/vanilla-framework/issues/5135)) - Fix application layout tooltip overflow by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5134](https://redirect.github.com/canonical/vanilla-framework/issues/5134)) #### π Documentation - Update Pull Requests README with additional information and steps by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5137](https://redirect.github.com/canonical/vanilla-framework/issues/5137)) #### π¨ Maintenance - Update accordion pattern to use new color theme variables by [@jmuzina](https://redirect.github.com/jmuzina) ([#5138](https://redirect.github.com/canonical/vanilla-framework/issues/5138)) - Update Matrix component with new theme color variables by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5136](https://redirect.github.com/canonical/vanilla-framework/issues/5136)) - Notify Figma library maintainers on release by [@dgtlntv](https://redirect.github.com/dgtlntv) ([#5132](https://redirect.github.com/canonical/vanilla-framework/issues/5132)) - Update dependency [@canonical/cookie-policy](https://redirect.github.com/canonical/cookie-policy) to v3.6.4 by [@renovate](https://redirect.github.com/renovate) ([#5131](https://redirect.github.com/canonical/vanilla-framework/issues/5131)) - Update article pagination to use new theme variables by [@jmuzina](https://redirect.github.com/jmuzina) ([#5126](https://redirect.github.com/canonical/vanilla-framework/issues/5126)) - Update lists pattern to use new color theme variables by [@jmuzina](https://redirect.github.com/jmuzina) ([#5124](https://redirect.github.com/canonical/vanilla-framework/issues/5124)) - Update Pull Quote component with new theme color variables by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5133](https://redirect.github.com/canonical/vanilla-framework/issues/5133)) - Update alternative background colour in dark theme by [@bartaz](https://redirect.github.com/bartaz) ([#5128](https://redirect.github.com/canonical/vanilla-framework/issues/5128)) - Update card pattern to support color themes by [@jmuzina](https://redirect.github.com/jmuzina) ([#5112](https://redirect.github.com/canonical/vanilla-framework/issues/5112)) - Bump braces from 3.0.2 to 3.0.3 by [@dependabot](https://redirect.github.com/dependabot) ([#5121](https://redirect.github.com/canonical/vanilla-framework/issues/5121)) - Update Table of Contents to use new color theme variables by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5113](https://redirect.github.com/canonical/vanilla-framework/issues/5113)) - Reduce padding on navigation items by [@bartaz](https://redirect.github.com/bartaz) ([#5116](https://redirect.github.com/canonical/vanilla-framework/issues/5116)) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.12.0...v4.13.0 ### [`v4.12.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.12.0) [Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.11.0...v4.12.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.12.0 #### π Features - Add left & right chevron icon variants by [@jmuzina](https://redirect.github.com/jmuzina) ([#5093](https://redirect.github.com/canonical/vanilla-framework/issues/5093)) - Add text-wrap: pretty to \_base_typography.scss by [@pastelcyborg](https://redirect.github.com/pastelcyborg) ([#5090](https://redirect.github.com/canonical/vanilla-framework/issues/5090)) #### π Bug Fixes - Fix misleading icon import documentation by [@jmuzina](https://redirect.github.com/jmuzina) ([#5100](https://redirect.github.com/canonical/vanilla-framework/issues/5100)) - Fix stepped list content/item padding by [@jmuzina](https://redirect.github.com/jmuzina) ([#5099](https://redirect.github.com/canonical/vanilla-framework/issues/5099)) - Sidenav toggle button triggers on spacebar press by [@jmuzina](https://redirect.github.com/jmuzina) ([#5084](https://redirect.github.com/canonical/vanilla-framework/issues/5084)) #### π Documentation - Example color theme improvements by [@jmuzina](https://redirect.github.com/jmuzina) ([#5087](https://redirect.github.com/canonical/vanilla-framework/issues/5087)) - Update skiplink example docs to match new branding by [@jmuzina](https://redirect.github.com/jmuzina) ([#5091](https://redirect.github.com/canonical/vanilla-framework/issues/5091)) #### π¨ Maintenance - Update segmented control to use new color theme variables by [@jmuzina](https://redirect.github.com/jmuzina) ([#5111](https://redirect.github.com/canonical/vanilla-framework/issues/5111)) - Update modal component to support new theming variables by [@bartaz](https://redirect.github.com/bartaz) ([#5106](https://redirect.github.com/canonical/vanilla-framework/issues/5106)) - Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5104](https://redirect.github.com/canonical/vanilla-framework/issues/5104)) - Percy GHA Migration - Baseline updates on push to main by [@jmuzina](https://redirect.github.com/jmuzina) ([#5095](https://redirect.github.com/canonical/vanilla-framework/issues/5095)) - Migrate Percy from CircleCI to Github Actions by [@jmuzina](https://redirect.github.com/jmuzina) ([#5089](https://redirect.github.com/canonical/vanilla-framework/issues/5089)) - Release drafter pulls tag number from package.json automatically by [@jmuzina](https://redirect.github.com/jmuzina) ([#5085](https://redirect.github.com/canonical/vanilla-framework/issues/5085)) #### New Contributors - [@pastelcyborg](https://redirect.github.com/pastelcyborg) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5090](https://redirect.github.com/canonical/vanilla-framework/pull/5090) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.11.0...v4.12.0 ### [`v4.11.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.11.0) [Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.10.0...v4.11.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.11.0 #### π£ Potentially breaking change In [#5081](https://redirect.github.com/canonical/vanilla-framework/issues/5081) we renamed the class names that add dividers to equal heights row component. If you've been using those already, rename them accordingly: `has-1st-divider` to `has-divider-1`, etcβ¦ #### π Features - Add divider Suru variant by [@bartaz](https://redirect.github.com/bartaz) ([#5053](https://redirect.github.com/canonical/vanilla-framework/issues/5053)) #### π Bug Fixes - Label line-height on large breakpoint fix by [@dgtlntv](https://redirect.github.com/dgtlntv) ([#5075](https://redirect.github.com/canonical/vanilla-framework/issues/5075)) - Navigation "back" button chevron points left instead of right by [@jmuzina](https://redirect.github.com/jmuzina) ([#5077](https://redirect.github.com/canonical/vanilla-framework/issues/5077)) - fix border color discrepancy between themes by [@lyubomir-popov](https://redirect.github.com/lyubomir-popov) ([#5056](https://redirect.github.com/canonical/vanilla-framework/issues/5056)) #### π Documentation - Update empty state 404 documentation example to match new branding by [@jmuzina](https://redirect.github.com/jmuzina) ([#5079](https://redirect.github.com/canonical/vanilla-framework/issues/5079)) - Update accordion accessibility documentation by [@jmuzina](https://redirect.github.com/jmuzina) ([#5083](https://redirect.github.com/canonical/vanilla-framework/issues/5083)) - Table layout utilities classes also apply to descendant elements; add table layout example docs by [@jmuzina](https://redirect.github.com/jmuzina) ([#5070](https://redirect.github.com/canonical/vanilla-framework/issues/5070)) - Alphabetize documentation sidenav elements by [@jmuzina](https://redirect.github.com/jmuzina) ([#5080](https://redirect.github.com/canonical/vanilla-framework/issues/5080)) - Don't name hero a pattern by [@bartaz](https://redirect.github.com/bartaz) ([#5082](https://redirect.github.com/canonical/vanilla-framework/issues/5082)) - Hero pattern docs by [@bartaz](https://redirect.github.com/bartaz) ([#5063](https://redirect.github.com/canonical/vanilla-framework/issues/5063)) - Add space to grid docs by [@britneywwc](https://redirect.github.com/britneywwc) ([#5061](https://redirect.github.com/canonical/vanilla-framework/issues/5061)) - Fix typography docs by [@dgtlntv](https://redirect.github.com/dgtlntv) ([#5055](https://redirect.github.com/canonical/vanilla-framework/issues/5055)) #### π¨ Maintenance - Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5071](https://redirect.github.com/canonical/vanilla-framework/issues/5071)) - Table layout utilities classes also apply to descendant elements; add table layout example docs by [@jmuzina](https://redirect.github.com/jmuzina) ([#5070](https://redirect.github.com/canonical/vanilla-framework/issues/5070)) - Equal heights updates by [@bartaz](https://redirect.github.com/bartaz) ([#5081](https://redirect.github.com/canonical/vanilla-framework/issues/5081)) - Update team members by [@jmuzina](https://redirect.github.com/jmuzina) ([#5073](https://redirect.github.com/canonical/vanilla-framework/issues/5073)) - Adjust p-nudge to better align text to the baseline grid by [@dgtlntv](https://redirect.github.com/dgtlntv) ([#4957](https://redirect.github.com/canonical/vanilla-framework/issues/4957)) - chore(deps): update dependency [@canonical/cookie-policy](https://redirect.github.com/canonical/cookie-policy) to v3.6.3 by [@renovate](https://redirect.github.com/renovate) ([#5051](https://redirect.github.com/canonical/vanilla-framework/issues/5051)) - Update rule component to use new theme variables by [@bartaz](https://redirect.github.com/bartaz) ([#5064](https://redirect.github.com/canonical/vanilla-framework/issues/5064)) - Add theme support for active pagination button by [@britneywwc](https://redirect.github.com/britneywwc) ([#5058](https://redirect.github.com/canonical/vanilla-framework/issues/5058)) - Update divided list to use new theme colours by [@lyubomir-popov](https://redirect.github.com/lyubomir-popov) ([#5057](https://redirect.github.com/canonical/vanilla-framework/issues/5057)) #### New Contributors - [@dgtlntv](https://redirect.github.com/dgtlntv) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5055](https://redirect.github.com/canonical/vanilla-framework/pull/5055) - [@jmuzina](https://redirect.github.com/jmuzina) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5073](https://redirect.github.com/canonical/vanilla-framework/pull/5073) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.10.0...v4.11.0 ### [`v4.10.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.10.0) [Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.9.1...v4.10.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.10.0 #### π£ Breaking changes Setting default theme via SCSS variables is now deprecated. For example, using `$theme-default-nav` with value `dark` will not work anymore. Use `is-dark` or `is-light` class names in HTML instead. #### π Features - Add equal height row component by [@mas-who](https://redirect.github.com/mas-who) ([#5039](https://redirect.github.com/canonical/vanilla-framework/issues/5039)) - Add design guidelines from discourse to Vanilla docs markdown by [@aaryanporwal](https://redirect.github.com/aaryanporwal) ([#4927](https://redirect.github.com/canonical/vanilla-framework/issues/4927)) - Update navigation component to new theming by [@bartaz](https://redirect.github.com/bartaz) ([#5043](https://redirect.github.com/canonical/vanilla-framework/issues/5043)) #### π Bug Fixes - Fix link icon by [@bartaz](https://redirect.github.com/bartaz) ([#5046](https://redirect.github.com/canonical/vanilla-framework/issues/5046)) #### π Documentation - Fix typo in release notes by [@bartaz](https://redirect.github.com/bartaz) ([#5050](https://redirect.github.com/canonical/vanilla-framework/issues/5050)) - Add design guidelines from discourse to Vanilla docs markdown by [@aaryanporwal](https://redirect.github.com/aaryanporwal) ([#4927](https://redirect.github.com/canonical/vanilla-framework/issues/4927)) #### π¨ Maintenance - Use new theme colours in base styles by [@bartaz](https://redirect.github.com/bartaz) ([#5054](https://redirect.github.com/canonical/vanilla-framework/issues/5054)) - Deprecate old theme variables and remove them from code and docs by [@bartaz](https://redirect.github.com/bartaz) ([#5052](https://redirect.github.com/canonical/vanilla-framework/issues/5052)) - Remove get-site-urls dependency by [@bartaz](https://redirect.github.com/bartaz) ([#5049](https://redirect.github.com/canonical/vanilla-framework/issues/5049)) - Fix Percy on CircleCI performance issues by [@bartaz](https://redirect.github.com/bartaz) ([#5048](https://redirect.github.com/canonical/vanilla-framework/issues/5048)) - Fix access to localhost server on CircleCI by [@bartaz](https://redirect.github.com/bartaz) ([#5045](https://redirect.github.com/canonical/vanilla-framework/issues/5045)) - Update dependency [@canonical/cookie-policy](https://redirect.github.com/canonical/cookie-policy) to v3.6.0 by [@renovate](https://redirect.github.com/renovate) ([#5038](https://redirect.github.com/canonical/vanilla-framework/issues/5038)) - Update release-drafter/release-drafter action to v6 by [@renovate](https://redirect.github.com/renovate) ([#5041](https://redirect.github.com/canonical/vanilla-framework/issues/5041)) - Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5040](https://redirect.github.com/canonical/vanilla-framework/issues/5040)) #### New Contributors - [@mas-who](https://redirect.github.com/mas-who) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5039](https://redirect.github.com/canonical/vanilla-framework/pull/5039) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.9.1...v4.10.0 ### [`v4.9.1`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.9.1) [Compare Source](https://redirect.github.com/canonical/vanilla-framework/compare/v4.9.0...v4.9.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.9.1 #### π Bug Fixes - Fix table mobile card top border by [@britneywwc](https://redirect.github.com/britneywwc) ([#5005](https://redirect.github.com/canonical/vanilla-framework/issues/5005)) - Revert default info icon to standard colour by [@bartaz](https://redirect.github.com/bartaz) ([#5027](https://redirect.github.com/canonical/vanilla-framework/issues/5027)) #### π¨ Maintenance - Move active/hover button opacity variables to settings by [@bartaz](https://redirect.github.com/bartaz) ([#5029](https://redirect.github.com/canonical/vanilla-framework/issues/5029)) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v4.9.0...v4.9.1 ### [`v4.9.0`](https://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.9.0) [Compare Source](https://redirect.github.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://redirect.github.com/petesfrench) ([#5012](https://redirect.github.com/canonical/vanilla-framework/issues/5012)) - Add theme support for code snippet by [@britneywwc](https://redirect.github.com/britneywwc) ([#5004](https://redirect.github.com/canonical/vanilla-framework/issues/5004)) - Add a fourth level of nesting to the side navigation component by [@petesfrench](https://redirect.github.com/petesfrench) ([#5010](https://redirect.github.com/canonical/vanilla-framework/issues/5010)) - Buttons themes by [@bartaz](https://redirect.github.com/bartaz) ([#5024](https://redirect.github.com/canonical/vanilla-framework/issues/5024)) ##### π Bug Fixes - Fix regression that caused wrong success icon being used in lists by [@bartaz](https://redirect.github.com/bartaz) ([#5028](https://redirect.github.com/canonical/vanilla-framework/issues/5028)) - Fix nested list counter by [@codeEmpress1](https://redirect.github.com/codeEmpress1) ([#5011](https://redirect.github.com/canonical/vanilla-framework/issues/5011)) - Fix width of bold linked heading on hover in side-navigation by [@codeEmpress1](https://redirect.github.com/codeEmpress1) ([#5009](https://redirect.github.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://redirect.github.com/petesfrench) ([#5008](https://redirect.github.com/canonical/vanilla-framework/issues/5008)) - Adjust columns on mobile view for step-list--detailed by [@petesfrench](https://redirect.github.com/petesfrench) ([#5007](https://redirect.github.com/canonical/vanilla-framework/issues/5007)) ##### π Documentation - Theme switch in examples by [@codeEmpress1](https://redirect.github.com/codeEmpress1) ([#5022](https://redirect.github.com/canonical/vanilla-framework/issues/5022)) - Update link to Accessibility Alphabet by [@bartaz](https://redirect.github.com/bartaz) ([#5020](https://redirect.github.com/canonical/vanilla-framework/issues/5020)) - Add validation example by [@codeEmpress1](https://redirect.github.com/codeEmpress1) ([#5013](https://redirect.github.com/canonical/vanilla-framework/issues/5013)) ##### π¨ Maintenance - Fixed typo in GH issue template (out site -> our site) by [@tanyabouman](https://redirect.github.com/tanyabouman) ([#5018](https://redirect.github.com/canonical/vanilla-framework/issues/5018)) - Update dependency svgo to v3 by [@renovate](https://redirect.github.com/renovate) ([#5016](https://redirect.github.com/canonical/vanilla-framework/issues/5016)) - Update all non-major dependencies by [@renovate](https://redirect.github.com/renovate) ([#5015](https://redirect.github.com/canonical/vanilla-framework/issues/5015)) - Bump es5-ext from 0.10.53 to 0.10.63 by [@dependabot](https://redirect.github.com/dependabot) ([#5006](https://redirect.github.com/canonical/vanilla-framework/issues/5006)) - Remove repeated colours by [@britneywwc](https://redirect.github.com/britneywwc) ([#5003](https://redirect.github.com/canonical/vanilla-framework/issues/5003)) ##### New Contributors - [@codeEmpress1](https://redirect.github.com/codeEmpress1) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5009](https://redirect.github.com/canonical/vanilla-framework/pull/5009) - [@tanyabouman](https://redirect.github.com/tanyabouman) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/5018](https://redirect.github.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://redirect.github.com/canonical/vanilla-framework/releases/tag/v4.8.0) [Compare Source](https://redirect.github.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). ##### π£ Breaking changes The (now deprecated) inverted link component was updated to support new theming. This may cause an issue that inverted link turns black when used in default "light" theme. Please add `is-dark` class name for any element that changes background to dark, so that the child components would correctly inherit the theme. ##### π Guest devs Vanilla team was joined for a Pulse by wonderful guest developers: [@britneywwc](https://redirect.github.com/britneywwc) [@chillkang](https://redirect.github.com/chillkang). This release would not be possible without their contributions. Thanks! ##### π Changelog ##### π Features - Update strip component to new theming system by [@bartaz](https://redirect.github.com/bartaz) ([#4996](https://redirect.github.com/canonical/vanilla-framework/issues/4996)) - Add theme support for table component by [@britneywwc](https://redirect.github.com/britneywwc) ([#5000](https://redirect.github.com/canonical/vanilla-framework/issues/5000)) - Update links to use new theming by [@bartaz](https://redirect.github.com/bartaz) ([#4997](https://redirect.github.com/canonical/vanilla-framework/issues/4997)) - Add theme support for muted text by [@britneywwc](https://redirect.github.com/britneywwc) ([#4994](https://redirect.github.com/canonical/vanilla-framework/issues/4994)) - Update core icons to support new theming system by [@bartaz](https://redirect.github.com/bartaz) ([#4993](https://redirect.github.com/canonical/vanilla-framework/issues/4993)) - Add more hero suru variants by [@bartaz](https://redirect.github.com/bartaz) ([#4989](https://redirect.github.com/canonical/vanilla-framework/issues/4989)) - Add dark theme support to notifications by [@chillkang](https://redirect.github.com/chillkang) ([#4971](https://redirect.github.com/canonical/vanilla-framework/issues/4971)) - Update chips with new theming support by [@chillkang](https://redirect.github.com/chillkang) ([#4986](https://redirect.github.com/canonical/vanilla-framework/issues/4986)) - Update Suru to support hero sections with 25/75 and 50/50 main suru backgrounds by [@bartaz](https://redirect.github.com/bartaz) ([#4985](https://redirect.github.com/canonical/vanilla-framework/issues/4985)) - Add theme support for form validation by [@britneywwc](https://redirect.github.com/britneywwcConfiguration
π Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
π¦ Automerge: Enabled.
β» Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.
π Ignore: Close this PR and you won't be reminded about this update again.
This PR was generated by Mend Renovate. View the repository job log.