docs.ubuntu.com chore(deps): update dependency vanilla-framework to v4

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
vanilla-framework (source)	`3.6.1` -> `4.37.1`

Release Notes

canonical/vanilla-framework (vanilla-framework)

`v4.37.1`

Compare Source

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.37.1

🐛 Bug Fixes

fix(Equal heights): make equal heights images optional by @jmuzina (#5697)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.37.0...v4.37.1

`v4.37.0`

Compare Source

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.37.0

🚀 Features

feat(Icons): Add new CVE icons (ignored and vulnerable)(#5680) and generative AI icon (generative-ai)(#5678 ) by @jmuzina
feat: make item titles optional in the equal heights pattern by @huwshimi (#5666)
feat: right align two equal height columns by @huwshimi (#5668)

🐛 Bug Fixes

fix(#5664): Pricing block accessibility issues by @Safvan-tsy (#5674)

🔨 Maintenance

chore(deps): update dependency canonicalwebteam.flask-base to v3 by @renovate[bot] (#5605)

New Contributors

@Safvan-tsy made their first contribution in #5674

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.36.0...v4.37.0

`v4.36.0`

Compare Source

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.36.0

🚀 Features

feat: Implement Resources Pattern by @muhammad-ali-pk (#5676)
feat: add an 'auto' option to images in the equal heights pattern by @huwshimi (#5667)
feat: add a blank space option to the 25/75 hero by @huwshimi (#5665)
feat(Blog): blog pattern by @jmuzina (#5659)

📝 Documentation

fix typo in notification accessibility page title by @jmuzina (#5653)

🔨 Maintenance

chore(deps): update github artifact actions (major) by @renovate[bot] (#5656)
chore(deps): update actions/checkout action to v5 by @renovate[bot] (#5655)

`v4.35.0`

Compare Source

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.35.0

🐛 Bug Fixes

Fix: exports the scss folder explicitly in package.json by @advl (#5673)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.34.2...v4.35.0

`v4.34.2`

Compare Source

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.34.2

fix mobile height calculations to include the open url bar by @edlerd (#5646)

🚀 Features

feat: Add Vanilla ESM support by @muhammad-ali-pk (#5661)

`v4.34.1`

Compare Source

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.34.1

🐛 Bug Fixes

fix: Logo section pattern rule taking up entire width of the screen by @muhammad-ali-pk (#5651)

`v4.34.0`

Compare Source

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.34.0

🚀 Features

[WD-22573] feat: Implemented Logo section pattern by @muhammad-ali-pk (#5632)
feat: Implemented Data Spotlight Section Pattern by @muhammad-ali-pk (#5639)

🐛 Bug Fixes

For modal height use dvh to make it respect open url bars in mobile browsers by @edlerd (#5641)

📝 Documentation

[DE-210] Publish contribution process by @juanruitina (#5626)
adjust asset manager asset link by @jmuzina (#5642)

🔨 Maintenance

chore(deps): update dependency canonicalwebteam.image-template to v1.9.0 by @renovate[bot] (#5636)
fix(Typography): root font size is derived from $settings-text-default by @jmuzina (#5628)

`v4.33.0`

Compare Source

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.33.0

🚀 Features

[WD-26516] feat: Introduced new param and slot to the Newsletter signup pattern by @muhammad-ali-pk (#5637)

`v4.32.1`

Compare Source

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.32.1

🐛 Bug Fixes

[WD-26329] fix: h4 style not applied to text spotlight pattern by @muhammad-ali-pk (#5631)

`v4.32.0`

Compare Source

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.32.0

🚀 Features

feat: Implement Divided Section Pattern by @muhammad-ali-pk (#5623)

🔨 Maintenance

replace public references to twitter/X with Matrix by @jmuzina (#5625)

`v4.31.0`

Compare Source

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.31.0

🚀 Features

feat: Implemented Newsletter Signup Pattern by @muhammad-ali-pk (#5612)

`v4.30.0`

Compare Source

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.30.0

🚀 Features

feat: Basic Section pattern by @jmuzina (#5598)
feat: normal rule for the pricing block pattern by @muhammad-ali-pk (#5613)

📝 Documentation

docs for typographic spacing customization by @jmuzina (#5614)

🔨 Maintenance

Charm vanillaframework.io by @jmuzina (#5560)
chore(deps): update internal dependencies by @renovate[bot] (#5554)
chore(deps): bump form-data from 4.0.0 to 4.0.4 by @dependabot[bot] (#5593)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.29.0...v4.30.0

`v4.29.0`

Compare Source

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.29.0

🚀 Features

feat: implemented Single Pricing Block pattern variant by @muhammad-ali-pk (#5607)

🐛 Bug Fixes

fix(cover images): Cover images without explicit aspect ratios use intrinsic height by @jmuzina (#5611)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.28.0...v4.29.0

`v4.28.0`

Compare Source

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.28.0

🚀 Features

feat: added support for highlighting images in equal-heights macro by @immortalcodes (#5602)

🐛 Bug Fixes

fix: image container styling no longer depends on class order @Onibenjo (#5608)

New Contributors

@Onibenjo made his first contribution in #5608 🚀

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.27.0...v4.28.0

`v4.27.0`

Compare Source

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.27.0

🚀 Features

Add grid-row shorthands by @jmuzina (#5592)

🔨 Maintenance

Cleanup typography/spacing settings by @jmuzina (#5578)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.26.1...v4.27.0

`v4.26.1`

Compare Source

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.26.1

🐛 Bug Fixes

Fixes image container aspect ratios not being applied properly on Safari by @jmuzina (#5571)
Removes the left margin from the Chip icon @jmuzina (#5574)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.26.0...v4.26.1

`v4.26.0`

Compare Source

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.26.0

🚀 Features

Implement Text Spotlight section pattern by @muhammad-ali-pk (#5572)
Implement CTA section pattern by @muhammad-ali-pk (#5565)
Remove hr above first tiered list item by @petesfrench (#5529)
Add history icon by @jmuzina (#5570)

🐛 Bug Fixes

Truncate badges with long text, make the smallest badge a perfect circle by @jmuzina (#5569)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.25.0...v4.26.0

`v4.25.0`

Compare Source

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.25.0

🚀 Features

feat(Chip): Add read-only, icon, badge variants of the Chip pattern; deprecate status label pattern by @jmuzina (#5555)

🔨 Maintenance

chore(deps): update dependency jest to v30 by @renovate[bot] (#5563)
chore(deps): update dependency svgo to v4 by @renovate[bot] (#5564)
CTA block pattern is now borderless by default. Added bordered CTA variant for backwards compatibility by @jmuzina (#5543)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.24.1...v4.25.0

`v4.24.1`

Compare Source

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.24.1

🔨 Maintenance

fix: align side padding of input with buttons by @jmuzina (#5539)
chore: add matrix links by @jmuzina (#5536)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.24.0...v4.24.1

`v4.24.0`

Compare Source

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.24.0

🚀 Features

feat(Equal heights): Build equal heights pattern by @jmuzina (#5499)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.23.2...v4.24.0

`v4.23.2`

Compare Source

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.23.2

🐛 Bug Fixes

Move tiered list padding from CTA to the entire pattern by @jmuzina (#5501)

🔨 Maintenance

Remove mailing list, freenode links, remove devdep badge (no longer w… by @jmuzina (#5507)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.23.1...v4.23.2

`v4.23.1`

Compare Source

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.23.1

🐛 Bug Fixes

fix(code) allow code line selection with triple click by @edlerd (#5506)

🔨 Maintenance

chore(deps): update dependency canonicalwebteam.flask-base to v2.5.0 by @renovate[bot] (#5498)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.23.0...v4.23.1

`v4.23.0`

Compare Source

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.23.0

🚀 Features

Linked Logo Section pattern - by @mtruj013 and @jmuzina (#5464)
Pricing block pattern - by @petesfrench (#5489)

📝 Documentation

#bartaz { visibility: hidden } by @bartaz (#5495)

🔨 Maintenance

chore(deps): update dependency canonicalwebteam.flask-base to v2.4.0 by @jmuzina

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.22.0...v4.23.0

`v4.22.0`

Compare Source

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.22.0

🚀 Features

feat(Icons): Add heading and quote icons by @jmuzina (#5493)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.21.2...v4.22.0

`v4.21.2`

Compare Source

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.21.2

🐛 Bug Fixes

Increase contrast of switch track and thumb by @jmuzina (#5484)

📝 Documentation

docs(layout settings): Update layout settings docs to reflect new grid variable by @jmuzina (#5483)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.21.1...v4.21.2

`v4.21.1`

Compare Source

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.21.1

🐛 Bug Fixes

Nested dropdowns no longer dismiss overlay by @JuanFernandoCastaneda (#5473)
fix(Hero): Change hero subtitle text to a p.p-heading--2 by @jmuzina (#5482)

📝 Documentation

Update release-process.md by @Sophie-32 (#5478)
Added aria-label to Range example by @JuanFernandoCastaneda (#5472)

New Contributors

@JuanFernandoCastaneda made their first contribution in #5472

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.21.0...v4.21.1

`v4.21.0`

Compare Source

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.21.0

🚀 Features

feat(rich horizontal list): Rich horizontal list pattern by @jmuzina (#5456)

🔨 Maintenance

chore(deps): update dependency canonicalwebteam.image-template to v1.5.0 by @renovate[bot] (#5468)
chore(deps): update all non-major dependencies by @renovate[bot] (#5462)
chore(deps): update dependency cypress to v14 by @renovate[bot] (#5463)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.20.3...v4.21.0

`v4.20.3`

Compare Source

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.20.3

🐛 Bug Fixes

Fix wrapping items in right side of navigation by @bartaz (#5461)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.20.2...v4.20.3

`v4.20.2`

Compare Source

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.20.2

🐛 Bug Fixes

fix(tabs): Bottom border of .p-tabs__list spans full width on all screen sizes by @jmuzina (#5457)

🔨 Maintenance

chore(deps): update dependency canonicalwebteam.flask-base to v2.1.0 by @renovate[bot] (#5454)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.20.1...v4.20.2

`v4.20.1`

Compare Source

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.20.1

🐛 Bug Fixes

fix(hero): 50/50 with no image is laid out in split columns by @jmuzina (#5450)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.20.0...v4.20.1

`v4.20.0`

Compare Source

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.20.0

🚀 Features

feat: Horizontal list section component by @jmuzina (#5437)

🐛 Bug Fixes

fix(vf_tiered-list.jinja): Update to have top hr on all screen sizes by @petesfrench (#5444)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.19.0...v4.20.0

`v4.19.0`

Compare Source

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.19.0

🚀 Features

Add credit card icon by @bartaz (#5442)

🐛 Bug Fixes

Full width image Hero - Remove margin bottom from H1 only if the subtitle_text is missing by @muhammad-ali-pk (#5443)

🔨 Maintenance

chore(deps): update dependency canonicalwebteam.image-template to v1.4.2 by @renovate (#5441)
chore(deps): update all non-major dependencies by @renovate (#5440)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.18.5...v4.19.0

`v4.18.5`

Compare Source

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.5

🐛 Bug Fixes

Conditionally render the shallow padded block for subtitle_text by @muhammad-ali-pk (#5439)

📝 Documentation

chore: contribution guidelines/issue creation updates by @jmuzina (#5435)
docs: Update tiered list jinja template docs to use semantic structure by @petesfrench (#5429)
Added content guidelines page by @advl (#5425)

🔨 Maintenance

chore(deps): update dependency canonicalwebteam.image-template to v1.4.1 by @renovate (#5438)
chore: silence import and global builtin deprecation warnings in sass build by @jmuzina (#5436)
Bump nanoid from 3.3.7 to 3.3.8 by @dependabot (#5434)
chore(deps): update dependency @canonical/cookie-policy to v3.6.5 by @renovate (#5430)

New Contributors

@muhammad-ali-pk made their first contribution in #5439

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.18.4...v4.18.5

`v4.18.4`

Compare Source

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.4

🐛 Bug Fixes

fix: quote wrapper's title_text is now a semantic h2. by @jmuzina (#5427)

📝 Documentation

fix: Update link to accessibility report tool by @Dinika (#5428)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.18.3...v4.18.4

`v4.18.3`

Compare Source

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.3

fix: removed the extra spacing between the chips in search and filter from vanilla example by @Nisarg-18 (#5414)
Bump cross-spawn from 7.0.3 to 7.0.6 by @dependabot (#5412)

🐛 Bug Fixes

fix: make quote wrapper quote separator always use .p-rule--muted by @jmuzina (#5424)

📝 Documentation

Corrected documentation for importing quote macro by @immortalcodes (#5422)
Fix typo in breakpoint class name used in documentation by @Dinika (#5415)

🔨 Maintenance

chore(deps): update all non-major dependencies by @renovate (#5418)
chore(deps): update ubuntu docker tag to v22 by @renovate (#5408)
chore(deps): update node.js to v22 by @renovate (#5407)
chore(deps): update all non-major dependencies by @renovate (#5404)
Changed UI kit references to Figma community by @dgtlntv (#5409)

New Contributors

@Dinika made their first contribution in #5415
@immortalcodes made their first contribution in #5422
@Nisarg-18 made their first contribution in #5414

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.18.2...v4.18.3

`v4.18.2`

Compare Source

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 (#5403)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.18.1...v4.18.2

`v4.18.1`

Compare Source

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.

New in Vanilla v4.18.1

🐛 Bug Fixes

fix: responsive aspect ratios don't work with intermediate elements by @jmuzina (#5402)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.18.0...v4.18.1

`v4.18.0`

Compare Source

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 (#5306)
feat: Quote Wrapper Pattern by @jmuzina (#5275)
feat: Implement content grid (.grid-row and .grid-col) by @jmuzina (#5368)

🐛 Bug Fixes

Adjust search and filter component height to align with standard inputs by @bartaz (#5399)
fix: Search and filter hidden search button alignment and stacking order adjustment by @jmuzina (#5339)
Fix input padding alignment by @bartaz (#5389)
Fix slider margin by @mcslayer (#5392)
Fix top margin of validation messages in dense form elements by @jmuzina (#5343)
Fix icon margin within small buttons by @mcslayer (#5387)

📝 Documentation

Add CSS range syntax to breakpoints settings page by @mcslayer (#5395)
Add basic themes documentation by @bartaz (#5378)
Add links to react storybook for existing components by @mcslayer (#5381)
Change links for react components by @mcslayer (#5380)

🔨 Maintenance

Update layout of the homepage "downloads" section on medium screens by @mcslayer (#5400)
Set icon alignment in paragraph to text-bottom by @advl (#5314)
Update icon SVGs to use simplified paths and fix artifacts by @bartaz (#5385)
Update remaining legacy components to use new theme colours. by @bartaz (#5377)
Change the JIRA epic where new issues are synchronised by @bartaz (#5383)

New Contributors

@advl made their first contribution in #5314

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.17.1...v4.18.0

`v4.17.1`

Compare Source

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, 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 for more details.

🔨 Maintenance

Add sass as a peer dependency by @jmuzina (#5379)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.17.0...v4.17.1

`v4.17.0`

Compare Source

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 (#5372)
feat: Publish & Document Jinja Macros by @jmuzina (#5342)
Add Color primitive/palette Design Tokens by @pastelcyborg (#5358)
Add color, font, and opacity Design Tokens from Core Components Figma file by @pastelcyborg (#5267)

🐛 Bug Fixes

Add support for chip links by @jmuzina (#5347)

📝 Documentation

Add content guidance for tables by @Sophie-32 (#5376)
Add support for adding status label component within documentation page headings by @pastelcyborg (#5353)

🔨 Maintenance

fix(skip-link): give the skip link a more modern styling by @lorumic (#5371)
Update contributors list by @jmuzina (#5373)
Remove SASS warnings by using color.scale and color.channel functions by @mcslayer (#5370)
- Note: this requires updating to sass version 1.79.0 or higher if you build with our SASS.
Manually set baseline build commit signature by @jmuzina (#5340)
Update all non-major dependencies by @renovate (#5360)
Update dependency canonicalwebteam.search to v2.1.1 by @renovate (#5354)

New Contributors

@mcslayer made their first contribution in #5370
@Sophie-32 made their first contribution in #5376

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.16.0...v4.17.0

`v4.16.0`

Compare Source

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 (#5338)
Equal height row component responsive updates by @pastelcyborg (#5276)
Update vf-focus mixin to properly support theming by @pastelcyborg (#5307)
Add additional CTA block usage examples for Tiered List pattern by @pastelcyborg (#5318)
Responsive image aspect ratio variants by @jmuzina (#5308)
Add form legend required symbol by @britneywwc (#5214)
Add borderless CTA block variant by @jmuzina (#5278)

🐛 Bug Fixes

Update utility files to use CSS range syntax by @pastelcyborg (#5311)
Update component files to use CSS range syntax by @pastelcyborg (#5316)
Update layout files to use CSS range syntax by @pastelcyborg (#5315)
Fix ordering of lists/nested lists using custom counters by @pastelcyborg (#5301)
bug: Don't close navigation on vertical resize by @petesfrench (#5302)

📝 Documentation

Make rule component and hr element consistent in styling by @petesfrench (#5241)
Improve Percy workflow docs by @jmuzina (#5305)
Update all references to WCAG 2.1 to WCAG 2.2; fix broken accessibility reference links by @pastelcyborg (#5297)

🔨 Maintenance

Bump path-to-regexp from 6.2.1 to 6.3.0 by @dependabot (#5345)
Remove no-padding-top from hero signpost title by @jmuzina (#5341)
Adapt tree list component for content CMS by @jmuzina (#5270)
Add color theme support to Search & Filter component by @jmuzina (#5127)
Add theme support to tooltip component by @jmuzina (#5326)
Revert "Group Percy snapshots by test case name (#5299)" by @jmuzina (#5335)
Group Per

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

[ ] If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

Jul 14 '22 15:07 renovate[bot]

renovate[bot] is not a collaborator of the repo

Jul 14 '22 15:07 webteam-app

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 87.27%. Comparing base (ac63dfd) to head (14eb171). Report is 5 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main     #343   +/-   ##
=======================================
  Coverage   87.27%   87.27%           
=======================================
  Files           5        5           
  Lines          55       55           
=======================================
  Hits           48       48           
  Misses          7        7

Flag	Coverage Δ
python	`87.27% <ø> (ø)`

Flags with carried forward coverage won't be shown. Click here to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

Oct 01 '22 13:10 codecov-commenter