v3.7.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 v3.7.1

🐛 Bug Fixes

• Fix .u-off-screen utility adding white line on Firefox by @petermakowski (#4554)
• New nav logo padding does not align with content #4530 by @petermakowski (#4555)
• Fix side nav animation on desktop by @petermakowski (#4553)

📝 Documentation

• update release link in readme by @petermakowski (#4552)

Full Changelog: v3.7.0...v3.7.1

v3.7.0

Getting Vanilla Framework

Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://vanillaframework.io/docs

New in Vanilla v3.7.0

🚀 Features

• Expandable side navigation by @petermakowski (#4536)
• Rename vf-animation to vf-transition by @petermakowski (#4545)

🐛 Bug Fixes

• Stepped list heading levels by @petermakowski (#4546)

📝 Documentation

• Update accordion docs to not imply navigation by @petermakowski (#4549)
• Update references to repo location in the new org by @bartaz (#4525)

🔨 Maintenance

• Update accordion vf-transition syntax by @petermakowski (#4548)
• Rename vf-animation to vf-transition by @petermakowski (#4545)
• Setup cypress by @petermakowski (#4540)
• Accordion transition by @petermakowski (#4542)
• Update all non-major dependencies by @renovate (#4523)
• Update internal dependencies by @renovate (#4516)
• Update Node.js to v18 by @renovate (#4447)

Full Changelog: v3.6.1...v3.7.0

v3.6.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 v3.6.1

🐛 Bug Fixes

• Fix nesting and font weight when parent is a title by @bartaz (#4501)

📝 Documentation

• Badge accessibility by @ilayda21 (#4503)

🔨 Maintenance

• Update actions/upload-artifact action to v3 by @renovate (#4505)
• Update all non-major dependencies by @renovate (#4504)

v3.6.0

Getting Vanilla Framework

Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://vanillaframework.io/docs

New in Vanilla v3.6.0

🚀 Features

• Create badge component by @ClementChaumel (#4497)

🐛 Bug Fixes

• Updated middot list style by @ilayda21 (#4499)
• Fix the logo title to a specific font size by @ClementChaumel (#4498)

🔨 Maintenance

• Update dependency canonicalwebteam.search to v1.2.1 by @renovate (#4500)
• Update dependency @canonical/latest-news to v1.4.1 by @renovate (#4493)
• Docker: Make pip install slightly faster by @jkfran (#4492)

v3.5.0

Getting Vanilla Framework

Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://vanillaframework.io/docs

New in Vanilla v3.5.0

🚀 Features

• Add heading styles for side navigation by @bartaz (#4487)

📝 Documentation

• Close side nav drawer when anchors are clicked by @bartaz (#4489)
• Update brand name in navigation example logos by @bartaz (#4468)

🔨 Maintenance

• Update dependency canonicalwebteam.search to v1.2.0 by @renovate (#4483)
• Update all non-major dependencies by @renovate (#4478)
• Update dependency canonicalwebteam.discourse to v4.0.9 by @renovate (#4480)
• Update actions/download-artifact action to v3 by @renovate (#4479)

Full Changelog: v3.4.0...v3.5.0

v3.4.0

Getting Vanilla Framework

Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://vanillaframework.io/docs

New in Vanilla v3.4.0

🚀 Features

• Update classnames in Pagination component by @bethcollins92 (#4451)

🐛 Bug Fixes

• Fix button width in mobile nav by @bethcollins92 (#4455)

📝 Documentation

• Fix contribute page by @bartaz (#4462)
• Add functionality to keep tooltip open on click by @bethcollins92 (#4454)
• Read class reference data from SCSS files by @bartaz (#4349)
• Add contextual menu accessibility docs by @bethcollins92 (#4450)
• Add accessibility doc for quotes by @bethcollins92 (#4443)

🔨 Maintenance

• Update dependency canonicalwebteam.flask-base to v1.0.5 by @renovate (#4457)
• Update all non-major dependencies by @renovate (#4446)

Full Changelog: v3.3.0...v3.4.0

v3.3.0

Getting Vanilla Framework

Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://vanillaframework.io/docs

New in Vanilla v3.3.0

🚀 Features

• New vanilla website by @albertkol (#4430)
• Update accordion by @andesol (#4406)
• Rename "tab buttons" to "segmented control" by @andesol (#4410)

🐛 Bug Fixes

• Ensure sidenav is only tabable when in view by @bethcollins92 (#4371)
• Fix page jumping after codepen loads by @bethcollins92 (#4432)
• Align accordion's icon with heading by @andesol (#4424)

📝 Documentation

• Update Code snippet docs by @bartaz (#4415)
• Generate id from heading by @andesol (#4434)
• Update accordion docs by @andesol (#4436)
• Fix nav active for design by @albertkol (#4435)
• Add menu to all patterns by @albertkol (#4427)
• Add component menu by @albertkol (#4414)

🔨 Maintenance

• Add authors to release notes template by @bartaz (#4442)
• Update "What's new" table by @bethcollins92 (#4441)
• Update dependency canonicalwebteam.flask-base to v1.0.4 by @renovate (#4439)
• Fix version in package.json by @bartaz (#4431)
• Deprecate label pattern by @andesol (#4416)
• Separate Tab buttons from tabs by @bethcollins92 (#4401)

Full Changelog: v3.2.0...v3.3.0

v3.2.0

Getting Vanilla Framework

Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://vanillaframework.io/docs

New in Vanilla v3.2.0

💣 Potentially breaking changes

Removed vf-p-label mixin

The Label component has been renamed to "Status label". Old .p-label class names are still supported (but deprecated), but the vf-p-label mixin has been removed and renamed to vf-p-status-label.

Changes to expanding search in the navigation

We updated the HTML structure of expanding search for mobile. This may cause some small glitches if you are using expanding navigation and don't update the HTML. Please refer to our docs for more information.

🚀 Features

• Rename "p-label" to "p-status-label" by @andesol in #4400
• Top navigation updates by @bartaz in #4403

🐛 Bug Fixes

• Update aria-labels on landmarks by @bethcollins92 in #4361
• Fix broken snippet__line outside of snippet_block--numbered by @ClementChaumel in #4363
• Close contextual menu when focus leaves by @bethcollins92 in #4359

📝 Documentation

• Add accessibility docs for strip by @bethcollins92 in #4358
• Add discourse module to Vanilla docs by @bartaz in #4353

🔨 Maintenance

• Update actions/setup-node action to v3 by @renovate in #4344
• Update all non-major dependencies by @renovate in #4343
• Update internal dependencies by @renovate in #4362
• Fix search by providing search engine id by @bartaz in #4390
• Update actions/checkout action to v3 by @renovate in #4389
• Update all non-major dependencies by @renovate in #4388
• Remove design section from docs by @bethcollins92 in #4399

New Contributors

• @ClementChaumel made their first contribution in #4363

Full Changelog: v3.1.1...v3.2.0

v3.1.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 v3.1.1

🐛 Bug Fixes

• Fix visited links in dark side navigation (#4342)

📝 Documentation

• Add new sections to Notification docs (#4333)
• Add demo of class reference to side navigation component (#4328)
• Update modal accessibility docs (#4311)

🔨 Maintenance

• Update dependency canonicalwebteam.flask-base to v1.0.1 (#4330)
• Lock MarkupSafe at version 2.0.1 (#4325)
• Update list examples to use list elements (#4302)
• Replace <cite> with <span> pull-quotes (#4300)
• Button's processing state's width and height is set to initial width and height (#4289)

Full Changelog: v3.1.0...v3.1.1

v3.1.0

Getting Vanilla Framework

Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://vanillaframework.io/docs

New in Vanilla v3.1.0

🚀 Features

• Added Empty state pattern (#4279, #4276, #4274)
• Updated switch styling (#4254)
• Update slider style (#4253)
• Add nested counter to order lists (#4264)

🐛 Bug Fixes

• Improve search box accessibility (#4291)
• Added height to close button (#4267)
• Changed display property to fix raw-HTML side nav wrapping (#4266)
• Fix notifications in docs (#4248)

📝 Documentation

• Update table docs with empty state (#4297)
• Add accessibility docs for navigation (#4287)
• Added notification accessibility docs (#4288)
• Add icon accessibility docs (#4286)
• Add tab accessibility doc (#4285)
• Add heading icon accessibility docs (#4277)
• Add grid accessibility notes (#4275)
• Add switch accessibility docs (#4271)
• Add pagination accessibility docs (#4269)
• Add label accessibility doc (#4268)
• Logo section accessibility doc (#4262)
• Fix broken link in docs (#4255)
• Merge Button Accessibility sections into one (#4252)
• Add buttons accessibility notes (#4236)

🔨 Maintenance

• Update dependency canonicalwebteam.flask-base to v1 (#4278)
• Update all non-major dependencies (#4290)
• Bump nanoid from 3.1.30 to 3.2.0 (#4270)
• Remove middle state in the mobile card view (#4265)
• Removed right alignment in card example (#4261)
• Add role=switch to switch component (#4260)
• Update dependency @canonical/cookie-policy to v3.4.0 (#4247)
• Improve accessibility in the pagination component (#4258)

New Contributors

• @ilayda21 made their first contribution in #4253
• @mtruj013 made their first contribution in #4254

Full Changelog: v3.0.1...v3.1.0