https://github.com/canonical/vanilla-framework - v4.33.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.33.0

🚀 Features

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

- HTML
Published by github-actions[bot] 9 months ago

https://github.com/canonical/vanilla-framework - v4.32.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.32.1

🐛 Bug Fixes

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

- HTML
Published by github-actions[bot] 9 months ago

https://github.com/canonical/vanilla-framework - v4.32.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.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)

- HTML
Published by github-actions[bot] 9 months ago

https://github.com/canonical/vanilla-framework - v4.31.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.31.0

🚀 Features

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

- HTML
Published by github-actions[bot] 9 months ago

https://github.com/canonical/vanilla-framework - v4.30.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.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

- HTML
Published by github-actions[bot] 10 months ago

https://github.com/canonical/vanilla-framework - v4.29.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.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

- HTML
Published by github-actions[bot] 10 months ago

https://github.com/canonical/vanilla-framework - v4.28.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.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 https://github.com/canonical/vanilla-framework/pull/5608 🚀

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

- HTML
Published by github-actions[bot] 10 months ago

https://github.com/canonical/vanilla-framework - v4.27.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.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

- HTML
Published by github-actions[bot] 10 months ago

https://github.com/canonical/vanilla-framework - v4.26.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.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

- HTML
Published by github-actions[bot] 11 months ago

https://github.com/canonical/vanilla-framework - v4.26.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.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

- HTML
Published by github-actions[bot] 11 months ago

https://github.com/canonical/vanilla-framework - v4.25.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.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

- HTML
Published by github-actions[bot] 11 months ago

https://github.com/canonical/vanilla-framework - v4.24.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.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

- HTML
Published by github-actions[bot] 12 months ago

https://github.com/canonical/vanilla-framework - v4.24.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.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

- HTML
Published by github-actions[bot] about 1 year ago

https://github.com/canonical/vanilla-framework - v4.23.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.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

- HTML
Published by github-actions[bot] about 1 year ago

https://github.com/canonical/vanilla-framework - v4.23.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.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

- HTML
Published by github-actions[bot] about 1 year ago

https://github.com/canonical/vanilla-framework - v4.23.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.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

- HTML
Published by github-actions[bot] about 1 year ago

https://github.com/canonical/vanilla-framework - v4.22.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.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

- HTML
Published by github-actions[bot] about 1 year ago

https://github.com/canonical/vanilla-framework - v4.21.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.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

- HTML
Published by github-actions[bot] about 1 year ago

https://github.com/canonical/vanilla-framework - v4.21.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.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 https://github.com/canonical/vanilla-framework/pull/5472

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

- HTML
Published by github-actions[bot] about 1 year ago

https://github.com/canonical/vanilla-framework - v4.21.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.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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - v4.20.3

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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - v4.20.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.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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - v4.20.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.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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - v4.20.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.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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - v4.19.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.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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - v4.18.5

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 https://github.com/canonical/vanilla-framework/pull/5439

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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - v4.18.4

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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - v4.18.3

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 https://github.com/canonical/vanilla-framework/pull/5415
@immortalcodes made their first contribution in https://github.com/canonical/vanilla-framework/pull/5422
@Nisarg-18 made their first contribution in https://github.com/canonical/vanilla-framework/pull/5414

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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - 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 (#5403)

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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - 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.

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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - 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 (#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 https://github.com/canonical/vanilla-framework/pull/5314

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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - 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, 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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - 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 (#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 https://github.com/canonical/vanilla-framework/pull/5370
@Sophie-32 made their first contribution in https://github.com/canonical/vanilla-framework/pull/5376

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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - 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 (#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 Percy snapshots by test case name by @jmuzina (#5299)
Add color theming explanation comment to status label mixin by @jmuzina (#5139)
Bump micromatch from 4.0.7 to 4.0.8 by @dependabot (#5333)
Update all non-major dependencies by @renovate (#5334)
Improve combined example baseline alignment by @jmuzina (#5327)
Theme accent color by @jmuzina (#5328)
Add button to close example toolbar by @jmuzina (#5309)
Add advl to team members list by @jmuzina (#5310)
Merge latest main before running Percy by @jmuzina (#5300)
Fix responsive grid example not rendering correctly in combined view by @jmuzina (#5285)
Add --silence-deprecation flag to mute mixed declaration Sass deprecation warnings by @pastelcyborg (#5295)
Percy tokens prep by @jmuzina (#5291)

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

- HTML
Published by github-actions[bot] over 1 year ago

https://github.com/canonical/vanilla-framework - 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 (#5212)
feat: Create Hero Pattern w/ Macros by @jmuzina (#5248)
Full width dropdowns for Vanilla "meganav" navigation by @bartaz (#5213)
75/25% Grid Row (.row--75-25) by @jmuzina (#5235)
CTA Block component by @jmuzina (#5196)

🐛 Bug Fixes

Fix styling issues of meganav on small screens by @bartaz (#5110)
Remove deprecated -webkit-search-cancel-button pseudo-element styles by @pastelcyborg (#5265)
Add new theme variable for Positive Button focus state by @pastelcyborg (#5217)
Correct labels on grid examples by @pastelcyborg (#5222)
Correct theme usage on Side Navigation example by @pastelcyborg (#5216)
Align logo in reduced nav with the grid by @bartaz (#5215)
Styling updates for reduced navigation by @bartaz (#5206)

📝 Documentation

Indent code snippets using js-beautify by @jmuzina (#5259)
Fix theming of grid examples by @jmuzina (#5256)
Remove excess whitespace in class reference table by @jmuzina (#5247)
Fix incorrect href value on "Related section" link by @pastelcyborg (#5244)
Remove bots from the contributors list by @Satishpokala124 (#5233)
Fix duplicated suru fan examples by @jmuzina (#5232)
Add is-cover to image container class reference by @jmuzina (#5207)

🔨 Maintenance

Fix tagged navigation icon spacing by @jmuzina (#5258)
Update dependency canonicalwebteam.search to v2 by @renovate (#5272)
Update dependency canonicalwebteam.search to v1.4.0 by @renovate (#5255)
Simplify Percy Breakpoint/Theme snapshots by @jmuzina (#5251)
Update all non-major dependencies by @renovate (#5268)
Adjust spacing and size of logo section and deprecate the dense variant by @pastelcyborg (#5252)
Update styling of reduced nav on small screens by @bartaz (#5246)
Fixes #5228 duplicate css by @sarthak-kumar-shailendra (#5263)
Remove percy_upload status check by @jmuzina (#5249)
Add new directional chevron mixins for use in Article Pagination by @pastelcyborg (#5253)
Percy macros artifact fix by @jmuzina (#5257)
Add templates/_macros to percy tests by @jmuzina (#5250)
Remove discourse module and related routes by @bartaz (#5239)
Change strips image example background to decrease load time by @jmuzina (#5237)
Sync Github Issues to Jira Issues by @jmuzina (#5224)
Fix typo in PR template by @jmuzina (#5225)
Fix Intermittent Percy Snapshot Timeouts by @jmuzina (#5220)
Move search into the reduced navigation by @bartaz (#5210)
Update dependency canonicalwebteam.flask-base to v2 by @renovate (#5211)
Update all non-major dependencies by @renovate (#5201)
Update application layout to new theming by @pastelcyborg (#5182)

❤️ New Contributors

@Satishpokala124 made their first contribution in https://github.com/canonical/vanilla-framework/pull/5233
@sarthak-kumar-shailendra made their first contribution in https://github.com/canonical/vanilla-framework/pull/5263

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.14.0...v4.15.0

- HTML
Published by github-actions[bot] almost 2 years ago

https://github.com/canonical/vanilla-framework - 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 and @petesfrench (#5107)
Add cover option to image container component by @bartaz (#5199)
Adds class for anchor links to have visual hover state by @petesfrench (#5120)

🐛 Bug Fixes

Update alt background in paper theme by @bartaz (#5198)
Fix aspect ratio in image container component on smaller screens by @jmuzina (#5179)

🔨 Maintenance

Fix favicon not rendering properly in google search. by @jmuzina (#5183)
Percy Error Logging Improvement by @jmuzina (#5202)
Update Switch component with new theme color variables by @pastelcyborg (#5185)
Combine examples for Percy by @jmuzina (#5178)
Add new focus theme variable for improved color theme support by @pastelcyborg (#5192)
Fix Percy tests being queued against PRs with Percy label when the ne… by @jmuzina (#5191)
Update Media Object to support new color theme variables by @pastelcyborg (#5187)
fix Percy workflows not running correctly in multi-label case by @jmuzina (#5188)
chore(deps): update dependency canonicalwebteam.discourse to v5.5.0 by @renovate (#5181)
Fix figma library alert by @dgtlntv (#5168)
Bump ws from 8.13.0 to 8.17.1 by @dependabot (#5151)
Percy workflow selectivity improvements by @jmuzina (#5108)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.13.0...v4.14.0

- HTML
Published by github-actions[bot] almost 2 years ago

https://github.com/canonical/vanilla-framework - 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 (#5097)

🐛 Bug Fixes

Fix ascending/descending icons on sortable tables by @pastelcyborg (#5135)
Fix application layout tooltip overflow by @pastelcyborg (#5134)

📝 Documentation

Update Pull Requests README with additional information and steps by @pastelcyborg (#5137)

🔨 Maintenance

Update accordion pattern to use new color theme variables by @jmuzina (#5138)
Update Matrix component with new theme color variables by @pastelcyborg (#5136)
Notify Figma library maintainers on release by @dgtlntv (#5132)
Update dependency @canonical/cookie-policy to v3.6.4 by @renovate (#5131)
Update article pagination to use new theme variables by @jmuzina (#5126)
Update lists pattern to use new color theme variables by @jmuzina (#5124)
Update Pull Quote component with new theme color variables by @pastelcyborg (#5133)
Update alternative background colour in dark theme by @bartaz (#5128)
Update card pattern to support color themes by @jmuzina (#5112)
Bump braces from 3.0.2 to 3.0.3 by @dependabot (#5121)
Update Table of Contents to use new color theme variables by @pastelcyborg (#5113)
Reduce padding on navigation items by @bartaz (#5116)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.12.0...v4.13.0

- HTML
Published by github-actions[bot] almost 2 years ago

https://github.com/canonical/vanilla-framework - 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 (#5093)
Add text-wrap: pretty to basetypography.scss by @pastelcyborg (#5090)

🐛 Bug Fixes

Fix misleading icon import documentation by @jmuzina (#5100)
Fix stepped list content/item padding by @jmuzina (#5099)
Sidenav toggle button triggers on spacebar press by @jmuzina (#5084)

📝 Documentation

Example color theme improvements by @jmuzina (#5087)
Update skiplink example docs to match new branding by @jmuzina (#5091)

🔨 Maintenance

Update segmented control to use new color theme variables by @jmuzina (#5111)
Update modal component to support new theming variables by @bartaz (#5106)
Update all non-major dependencies by @renovate (#5104)
Percy GHA Migration - Baseline updates on push to main by @jmuzina (#5095)
Migrate Percy from CircleCI to Github Actions by @jmuzina (#5089)
Release drafter pulls tag number from package.json automatically by @jmuzina (#5085)

New Contributors

@pastelcyborg made their first contribution in https://github.com/canonical/vanilla-framework/pull/5090

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.11.0...v4.12.0

- HTML
Published by github-actions[bot] almost 2 years ago

https://github.com/canonical/vanilla-framework - 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 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 (#5053)

🐛 Bug Fixes

Label line-height on large breakpoint fix by @dgtlntv (#5075)
Navigation "back" button chevron points left instead of right by @jmuzina (#5077)
fix border color discrepancy between themes by @lyubomir-popov (#5056)

📝 Documentation

Update empty state 404 documentation example to match new branding by @jmuzina (#5079)
Update accordion accessibility documentation by @jmuzina (#5083)
Table layout utilities classes also apply to descendant elements; add table layout example docs by @jmuzina (#5070)
Alphabetize documentation sidenav elements by @jmuzina (#5080)
Don't name hero a pattern by @bartaz (#5082)
Hero pattern docs by @bartaz (#5063)
Add space to grid docs by @britneywwc (#5061)
Fix typography docs by @dgtlntv (#5055)

🔨 Maintenance

Update all non-major dependencies by @renovate (#5071)
Table layout utilities classes also apply to descendant elements; add table layout example docs by @jmuzina (#5070)
Equal heights updates by @bartaz (#5081)
Update team members by @jmuzina (#5073)
Adjust p-nudge to better align text to the baseline grid by @dgtlntv (#4957)
chore(deps): update dependency @canonical/cookie-policy to v3.6.3 by @renovate (#5051)
Update rule component to use new theme variables by @bartaz (#5064)
Add theme support for active pagination button by @britneywwc (#5058)
Update divided list to use new theme colours by @lyubomir-popov (#5057)

New Contributors

@dgtlntv made their first contribution in https://github.com/canonical/vanilla-framework/pull/5055
@jmuzina made their first contribution in https://github.com/canonical/vanilla-framework/pull/5073

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.10.0...v4.11.0

- HTML
Published by github-actions[bot] about 2 years ago

https://github.com/canonical/vanilla-framework - 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 (#5039)
Add design guidelines from discourse to Vanilla docs markdown by @aaryanporwal (#4927)
Update navigation component to new theming by @bartaz (#5043)

🐛 Bug Fixes

Fix link icon by @bartaz (#5046)

📝 Documentation

Fix typo in release notes by @bartaz (#5050)
Add design guidelines from discourse to Vanilla docs markdown by @aaryanporwal (#4927)

🔨 Maintenance

Use new theme colours in base styles by @bartaz (#5054)
Deprecate old theme variables and remove them from code and docs by @bartaz (#5052)
Remove get-site-urls dependency by @bartaz (#5049)
Fix Percy on CircleCI performance issues by @bartaz (#5048)
Fix access to localhost server on CircleCI by @bartaz (#5045)
Update dependency @canonical/cookie-policy to v3.6.0 by @renovate (#5038)
Update release-drafter/release-drafter action to v6 by @renovate (#5041)
Update all non-major dependencies by @renovate (#5040)

New Contributors

@mas-who made their first contribution in https://github.com/canonical/vanilla-framework/pull/5039

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.9.1...v4.10.0

- HTML
Published by github-actions[bot] about 2 years ago

https://github.com/canonical/vanilla-framework - 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 (#5005)
Revert default info icon to standard colour by @bartaz (#5027)

🔨 Maintenance

Move active/hover button opacity variables to settings by @bartaz (#5029)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.9.0...v4.9.1

- HTML
Published by github-actions[bot] about 2 years ago

https://github.com/canonical/vanilla-framework - 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 (#5012)
Add theme support for code snippet by @britneywwc (#5004)
Add a fourth level of nesting to the side navigation component by @petesfrench (#5010)
Buttons themes by @bartaz (#5024)

🐛 Bug Fixes

Fix regression that caused wrong success icon being used in lists by @bartaz (#5028)
Fix nested list counter by @codeEmpress1 (#5011)
Fix width of bold linked heading on hover in side-navigation by @codeEmpress1 (#5009)
Fix bug where u-fixed-width wasn't having its padding reset when inside the new row classes by @petesfrench (#5008)
Adjust columns on mobile view for step-list--detailed by @petesfrench (#5007)

📝 Documentation

Theme switch in examples by @codeEmpress1 (#5022)
Update link to Accessibility Alphabet by @bartaz (#5020)
Add validation example by @codeEmpress1 (#5013)

🔨 Maintenance

Fixed typo in GH issue template (out site -> our site) by @tanyabouman (#5018)
Update dependency svgo to v3 by @renovate (#5016)
Update all non-major dependencies by @renovate (#5015)
Bump es5-ext from 0.10.53 to 0.10.63 by @dependabot (#5006)
Remove repeated colours by @britneywwc (#5003)

New Contributors

@codeEmpress1 made their first contribution in https://github.com/canonical/vanilla-framework/pull/5009
@tanyabouman made their first contribution in https://github.com/canonical/vanilla-framework/pull/5018

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.8.0...v4.9.0

- HTML
Published by github-actions[bot] about 2 years ago

https://github.com/canonical/vanilla-framework - 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 and new Suru sections, 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 to utilise new theming.

For more details check the changelog in our documentation.

🙋 Guest devs

Vanilla team was joined for a Pulse by wonderful guest developers: @britneywwc @chillkang. This release would not be possible without their contributions. Thanks!

📋 Changelog

🚀 Features

Update strip component to new theming system by @bartaz (#4996)
Add theme support for table component by @britneywwc (#5000)
Update links to use new theming by @bartaz (#4997)
Add theme support for muted text by @britneywwc (#4994)
Update core icons to support new theming system by @bartaz (#4993)
Add more hero suru variants by @bartaz (#4989)
Add dark theme support to notifications by @chillkang (#4971)
Update chips with new theming support by @chillkang (#4986)
Update Suru to support hero sections with 25/75 and 50/50 main suru backgrounds by @bartaz (#4985)
Add theme support for form validation by @britneywwc (#4981)
Add theme support for search box by @britneywwc (#4987)
Add theme support for forms tick elements by @britneywwc (#4977)
Add theme support for forms password toggle by @britneywwc (#4976)
Add theme support for forms help text by @britneywwc (#4975)
Add new theme support for base forms by @britneywwc (#4974)
Hero section by @bartaz (#4973)
[Feature branch] Dark theme implemented as CSS variables by @bartaz (#4969)

🐛 Bug Fixes

Fix overlap issues with sticky app layout panel headers by @bartaz (#4991)
Update Twitter/X icon and add support for dark theme to GitHub icon by @bartaz (#4978)

🔨 Maintenance

Fix typo by @britneywwc (#4999)
Rename color variables for consistency by @chillkang (#4982)
Export status color variables as CSS custom properties by @chillkang (#4979)
Fix typo in release file by @britneywwc (#4980)

Getting Vanilla Framework

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

New Contributors

@chillkang made their first contribution in https://github.com/canonical/vanilla-framework/pull/4979

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.7.0...v4.8.0

- HTML
Published by github-actions[bot] over 2 years ago

https://github.com/canonical/vanilla-framework - v4.7.0

Getting Vanilla Framework

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

New in Vanilla v4.7.0

🚀 Features

Add 25/75 grid split support to top navigation by @bartaz (#4960)
Align top navigation items padding with grid margin by @bartaz (#4948)

💣 Potentially breaking changes

Updates to top navigation (increased padding and new 25/75 layout variant) may cause top navigation items not fit on smaller screens. If your project adjusts $breakpoint-navigation-threshold you may need to update its value, so that navigation switches to mobile view when items don't fit anymore.

🐛 Bug Fixes

Fix tracker popup by @britneywwc (#4962)
Fix GitHub contributors URLs by @bartaz (#4946)

🔨 Maintenance

Update dependency canonicalwebteam.discourse to v5.4.9 by @renovate (#4944)
Update dependency postcss-cli to v11 by @renovate (#4965)
Update dependency stylelint to v16 by @renovate (#4966)
Update all non-major dependencies by @renovate (#4964)
Configure renovate versioning for node stable versions only by @bartaz (#4956)
Fix GitHub contributors URLs by @bartaz (#4946)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.6.0...v4.7.0

- HTML
Published by github-actions[bot] over 2 years ago

https://github.com/canonical/vanilla-framework - v4.6.0

Getting Vanilla Framework

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

New in Vanilla v4.6.0

🚀 Features

Responsive grid patterns by @bartaz (#4933)
Adjust spacing between heading groups by @bartaz (#4941)

💣 Potentially breaking changes

With the introduction of new responsive grid patterns (row--25-75-on-medium, etc), the default responsive behaviour of row--25-75 has changed. Previously on medium screens it did not split the layout, but used a stacked mobile layout. With Vanilla 4.6.0 the row--25-75 will split into 2+4 columns layout on medium screens by default. This also means that is-split-on-medium modifier class is no longer needed, as its behaviour is now default for row--25-75.

If you are using row--25-75 without is-split-on-medium make sure that the layout doesn't break on medium screen sizes. If you are using row--25-75 with is-split-on-medium no change is needed, but is-split-on-medium is redundant and can be safely removed from code.

For more information refer to the Vanilla grid documentation.

🐛 Bug Fixes

Add support for "Removed" status label to Vanilla changelog by @bartaz (#4943)
Add more space between logo tag and text by @aaryanporwal (#4924)

🔨 Maintenance

Reverts postcss-cli update to v11 as it breaks dotrun by @bartaz (#4940)
Update actions/download-artifact action to v4 by @renovate (#4936)
Update actions/upload-artifact action to v4 by @renovate (#4937)
Update dependency postcss-cli to v11 by @renovate (#4938)
Update all non-major dependencies by @renovate (#4935)
Update all non-major dependencies by @renovate (#4928)
Update dependency @testing-library/cypress to v10 by @renovate (#4930)
Update dependency pyyaml to v6 by @renovate (#4931)
Update actions/setup-node action to v4 by @renovate (#4929)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.5.1...v4.6.0

- HTML
Published by github-actions[bot] over 2 years ago

https://github.com/canonical/vanilla-framework - v4.5.1

Getting Vanilla Framework

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

New in Vanilla v4.5.1

🐛 Bug Fixes

Fix grid column reordering off by one err by @aaryanporwal (#4922)
Add missing white background to sticky panel by @aaryanporwal (#4909)
Show suru on all screens by @aaryanporwal (#4908)

📝 Documentation

Fix margin in brochure example by @aaryanporwal (#4919)
Update links component a11y documentation by @aaryanporwal (#4918)
Update implementation tab for tooltips by @aaryanporwal (#4913)
Update empty state documentation by @aaryanporwal (#4914)
Update navigation component a11y documentation by @aaryanporwal (#4916)
Update logo section component a11y documentation by @aaryanporwal (#4917)
Use new documentation layout on Vanilla site by @bartaz (#4863)
Update issue templates by @bartaz (#4906)
Fixed typo for Button docs by @britneywwc (#4896)

🔨 Maintenance

Update dependency cypress to v13 by @renovate (#4867)
Update internal dependencies by @renovate (#4910)
Update dependency canonicalwebteam.discourse to v5.4.4 by @renovate (#4901)
Bump canonicalwebteam.discourse to 5.4.3 by @jpmartinspt (#4902)

New Contributors

@jpmartinspt made their first contribution in https://github.com/canonical/vanilla-framework/pull/4902
@aaryanporwal made their first contribution in https://github.com/canonical/vanilla-framework/pull/4908

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.5.0...v4.5.1

- HTML
Published by github-actions[bot] over 2 years ago

https://github.com/canonical/vanilla-framework - v4.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 v4.5.0

🚀 Features

Sticky container for docs layout by @bartaz (#4895)

📝 Documentation

Fixed minor typos for Inline Radio and Checkbox docs by @britneywwc (#4892)

New Contributors

@britneywwc made their first contribution in https://github.com/canonical/vanilla-framework/pull/4892

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.4.0...v4.5.0

- HTML
Published by github-actions[bot] over 2 years ago

https://github.com/canonical/vanilla-framework - v4.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 v4.4.0

🚀 Features

New documentation layout by @bartaz (#4886)
Add paper background support to side navigation by @bartaz (#4881)

🐛 Bug Fixes

Use dark search in the top navbar by @bartaz (#4888)

🔨 Maintenance

Revert pushing to release branch by @bartaz (#4890)
Update actions/checkout action to v4 by @renovate (#4880)
Update all non-major dependencies by @renovate (#4879)
Refresh styles of table of contents component by @bartaz (#4885)
Ignore warnings to prevent redirects from failing the build by @bartaz (#4882)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.3.0...v4.4.0

- HTML
Published by github-actions[bot] over 2 years ago

https://github.com/canonical/vanilla-framework - v4.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 v4.3.0

💣 Fixing misaligned logo sections from 4.2

In Vanilla 4.2 we reworked our logo section component. If used correctly, with correctly sized images it should be a seamless upgrade, but if you have used logo section with logos not correctly spaced by visual design team you may end up with broken look of oversized logos.

In Vanilla 4.3 we introduced a fallback workaround for this regression. It doesn't fix the issue automatically, but we introduced a has-misaligned-images fallback class name that can be added to broken logo sections if logo images can't be replaced by new ones. You can learn more in the docs.

🚀 Features

Add fallback variant for legacy misaligned logos by @bartaz (#4870)

🔨 Maintenance

Adjust font-weight of small caps and h5 by @lyubomir-popov (#4873)
Update publish-on-release.yml by @samhotep (#4862)
Update all non-major dependencies by @renovate (#4866)
Remove old Canonical logo from contribute page by @bartaz (#4861)

New Contributors

@samhotep made their first contribution in https://github.com/canonical/vanilla-framework/pull/4862

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.2.0...v4.3.0

- HTML
Published by github-actions[bot] over 2 years ago

https://github.com/canonical/vanilla-framework - v4.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 v4.2.0

💣 Potentially breaking changes

In Vanilla 4.2 we reworked our logo section component. If used correctly, with correctly sized images it should be a seamless upgrade, but if you have used logo section with logos not correctly spaced by visual design team you may end up with broken look of oversized logos.

🚀 Features

Logo section updates by @bartaz (#4852)
Dark theme for forms by @bartaz (#4857)

🐛 Bug Fixes

Fix chevron top on mobile by @lemacarl (#4853)

🔨 Maintenance

Update Node.js to v20 by @renovate (#4855)
Update all non-major dependencies by @renovate (#4854)

New Contributors

@lemacarl made their first contribution in https://github.com/canonical/vanilla-framework/pull/4853

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.1.0...v4.2.0

- HTML
Published by github-actions[bot] almost 3 years ago

https://github.com/canonical/vanilla-framework - v4.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 v4.1.0

🚀 Features

Add suru component by @bartaz (#4849)
Dark tabs by @lyubomir-popov (#4817)
Add responsive variant of 25/75 grid by @bartaz (#4846)
Add display headings by @bartaz (#4840)

📝 Documentation

Remove Vanilla 3 changes from "What's new" page by @bartaz (#4851)
Add examples of hero sections by @bartaz (#4843)
Fix license link by @bartaz (#4839)
Move brochure sites example to separate category by @bartaz (#4836)
Migration guide updates by @bartaz (#4830)
Remove outdated info about alpha releases by @bartaz (#4835)

🔨 Maintenance

Update border and font in chips by @ClementChaumel (#4850)
Update breadcrumb's bottom margin by @ClementChaumel (#4842)
Bump stylelint from 14.16.1 to 15.10.1 by @dependabot (#4825)
Bump semver from 5.7.1 to 5.7.2 by @dependabot (#4827)
Update dependency @canonical/cookie-policy to v3.5.0 by @renovate (#4829)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.0.0...v4.1.0

- HTML
Published by github-actions[bot] almost 3 years ago

https://github.com/canonical/vanilla-framework - v4.0.0

🍦 New in Vanilla 4.0

Vanilla 4.0 introduces elements of new style used for current rebranding of Canonical's brochure websites, including typography changes (utilising new variable Ubuntu font), wider grid width, some updated colours, and updates to any related components.

The most important changes include:

updated typography of headings
grid width increased to 80 rem
some new components that help to build brochure sites in new style (horizontal rule, sections, new shorthand grid variants)

🚀 Migrating to Vanilla 4.0

We treat Vanilla 4.0 as an interim release that includes elements of new branding, but keep the support for old style of components as well to allow for easier and more granular migration on our biggest websites. Therefore, there are no significant breaking changes or removed components.

But because of quite significant visual changes introduced by updated typography and wider grid, it is recommended to properly QA templates and pages, especially if there are any custom styles built on top of Vanilla.

You can check our migration guide for more details.

🔗 Getting Vanilla Framework

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

📝 Change log

Typography changes by @lyubomir-popov @ClementChaumel in #4734
Align prefix for stepped list @ClementChaumel @bartaz in #4735
Fix alignment of heading icon @bartaz in #4736
Update small screens font sizes @lyubomir-popov in #4740
Revert logo font size to match logo sizing by @bartaz in #4756
chore(deps): update all non-major dependencies by @renovate in https://github.com/canonical/vanilla-framework/pull/4754
Update rule-highlight pattern to use to appropriate class by @petesfrench in https://github.com/canonical/vanilla-framework/pull/4759
Paper background by @bartaz in https://github.com/canonical/vanilla-framework/pull/4763
Add paper colour variable by @bartaz in https://github.com/canonical/vanilla-framework/pull/4772
Implement white strips for paper background by @bartaz in https://github.com/canonical/vanilla-framework/pull/4773
Migration docs 4.0 by @bartaz in https://github.com/canonical/vanilla-framework/pull/4774
Merged with latest Vanilla 3.15.1
Update typography docs for Vanilla 4.0 by @bartaz in https://github.com/canonical/vanilla-framework/pull/4780
Add utility to limit max width of text lists by @bartaz in https://github.com/canonical/vanilla-framework/pull/4781
Update text colour to 000 by @bartaz in https://github.com/canonical/vanilla-framework/pull/4786
Add teal accent colour by @bartaz in https://github.com/canonical/vanilla-framework/pull/4799
Darker rule component by @bartaz in https://github.com/canonical/vanilla-framework/pull/4801
Links on dark by @bartaz in https://github.com/canonical/vanilla-framework/pull/4805
Remove rounded corners by @bartaz in https://github.com/canonical/vanilla-framework/pull/4810
Ubuntu font 0.869 and old style numerals by @bartaz in https://github.com/canonical/vanilla-framework/pull/4812
Update muted heading by @lyubomir-popov in https://github.com/canonical/vanilla-framework/pull/4807
Change ticks in lists to grey by @ClementChaumel in https://github.com/canonical/vanilla-framework/pull/4792
Use is-dark class name for consistency by @bartaz in https://github.com/canonical/vanilla-framework/pull/4819
Make sure logo tag background is not configurable by @bartaz in https://github.com/canonical/vanilla-framework/pull/4821
Update section component by @bartaz in https://github.com/canonical/vanilla-framework/pull/4823
Merge Vanilla 4.0 feature branch by @bartaz in https://github.com/canonical/vanilla-framework/pull/4751

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v3.15.1...v4.0.0

- HTML
Published by bartaz almost 3 years ago

https://github.com/canonical/vanilla-framework - v4.0.0-rc.1

💣 Breaking changes in Vanilla 4

This is a release candidate of Vanilla 4.0.0. On top of changes from previous alpha versions it fixes some minor issues and inconsistencies.

Migration guide

We also created a draft version of the migration guide that can be accessed on our demo server.

What's Changed

Update muted heading by @lyubomir-popov in https://github.com/canonical/vanilla-framework/pull/4807
Change ticks in lists to grey by @ClementChaumel in https://github.com/canonical/vanilla-framework/pull/4792
Use is-dark class name for consistency by @bartaz in https://github.com/canonical/vanilla-framework/pull/4819
Make sure logo tag backround is not configurable by @bartaz in https://github.com/canonical/vanilla-framework/pull/4821
Update section component by @bartaz in https://github.com/canonical/vanilla-framework/pull/4823

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.0.0-alpha.3...v4.0.0-rc.1

- HTML
Published by bartaz almost 3 years ago

https://github.com/canonical/vanilla-framework - v3.15.1

👋 The last release of Vanilla v3

With focus on new major release of Vanilla 4.0 this 3.15.1 is likely the last release of Vanilla v3 line. We may release some hot-fixes if any serious bugs are found, but no new features or maintenance updates are planned for v3 anymore.

Getting Vanilla Framework

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

New in Vanilla v3.15.1

🐛 Bug Fixes

Reduce form input width - 10em to 8em by @Jim-Dillon (#4798)

🔨 Maintenance

Breadcrumbs - chevrons to slashes by @Jim-Dillon (#4811)
Use ps5 registry by @nottrobin (#4804)
Migrate to Percy CLI by @bartaz (#4795)

New Contributors

@Jim-Dillon made their first contribution in https://github.com/canonical/vanilla-framework/pull/4798

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v3.15.0...v3.15.1

- HTML
Published by github-actions[bot] almost 3 years ago

https://github.com/canonical/vanilla-framework - v4.0.0-alpha.3

💣 Breaking changes in Vanilla 4

This is a third pre-release of Vanilla 4.0. On top of changes from previous versions it updates colours of text, accents and rule component, and adds some additional utilities.

Migration guide

We also created a draft version of the migration guide that can be accessed on our demo server.

What's Changed

Merged with latest Vanilla 3.15.1
Update typography docs for Vanilla 4.0 by @bartaz in https://github.com/canonical/vanilla-framework/pull/4780
Add utility to limit max width of text lists by @bartaz in https://github.com/canonical/vanilla-framework/pull/4781
Update text colour to 000 by @bartaz in https://github.com/canonical/vanilla-framework/pull/4786
Add teal accent colour by @bartaz in https://github.com/canonical/vanilla-framework/pull/4799
Darker rule component by @bartaz in https://github.com/canonical/vanilla-framework/pull/4801
Links on dark by @bartaz in https://github.com/canonical/vanilla-framework/pull/4805
Remove rounded corners by @bartaz in https://github.com/canonical/vanilla-framework/pull/4810
Ubuntu font 0.869 and old style numerals by @bartaz in https://github.com/canonical/vanilla-framework/pull/4812

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.0.0-alpha.2...v4.0.0-alpha.3

- HTML
Published by bartaz almost 3 years ago

https://github.com/canonical/vanilla-framework - v3.15.0

Getting Vanilla Framework

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

New in Vanilla v3.15.0

🚀 Features

Add sliding nav on mobile by @ClementChaumel (#4767)

📝 Documentation

Update rule-highlight pattern to use to appropriate class by @petesfrench (#4759)

🔨 Maintenance

chore(deps): update dependency canonicalwebteam.discourse to v5.4.2 by @renovate (#4778)
chore(deps): update dependency postcss-cli to v10 by @renovate (#4776)
chore(deps): update all non-major dependencies by @renovate (#4775)
Add paper colour variable by @bartaz (#4772)
chore(deps): update all non-major dependencies by @renovate (#4754)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v3.14.0...v3.15.0

- HTML
Published by github-actions[bot] almost 3 years ago

https://github.com/canonical/vanilla-framework - v4.0.0-alpha.2

💣 Breaking changes in Vanilla 4

This is a second pre-release of Vanilla 4.0. On top of changes from previous version it adds support for new paper background colour via is-paper class and some related changes, such as introduction of white strip.

Migration guide

We also created a draft version of the migration guide that can be accessed on our demo server.

What's Changed

chore(deps): update all non-major dependencies by @renovate in https://github.com/canonical/vanilla-framework/pull/4754
Update rule-highlight pattern to use to appropriate class by @petesfrench in https://github.com/canonical/vanilla-framework/pull/4759
Paper background by @bartaz in https://github.com/canonical/vanilla-framework/pull/4763
Add paper colour variable by @bartaz in https://github.com/canonical/vanilla-framework/pull/4772
Implement white strips for paper background by @bartaz in https://github.com/canonical/vanilla-framework/pull/4773
Migration docs 4.0 by @bartaz in https://github.com/canonical/vanilla-framework/pull/4774

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v4.0.0-alpha.1...v4.0.0-alpha.2

- HTML
Published by bartaz about 3 years ago

https://github.com/canonical/vanilla-framework - v4.0.0-alpha.1

💣 Breaking changes in Vanilla 4

This is a first pre-release of Vanilla 4.0. It includes typography changes that affect size and font weight of headings, wider grid width and fixes to any related components.

Migration guide

At this point there should be no breaking changes on SCSS code side, but visual changes introduced by changed typography may require some additional attention so make sure to:

properly review ALL of your pages/templates to make sure nothing looks broken, especially around new headings
if you have any custom styles of headings or custom components that use headings make sure they look correct
if you have anything that relies on grid max width (like a legacy global-nav bar on top of the page) make sure to use new value of $grid-max-width that is 80rem

What's Changed

Typography changes by @lyubomir-popov @ClementChaumel in #4734
Align prefix for stepped list @ClementChaumel @bartaz in #4735
Fix alignment of heading icon @bartaz in #4736
Update small screens font sizes @lyubomir-popov in #4740
Revert logo font size to match logo sizing by @bartaz in #4756

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v3.14.0...v4.0.0-alpha.1

- HTML
Published by bartaz about 3 years ago

https://github.com/canonical/vanilla-framework - v3.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 v3.14.0

🚀 Features

Add sections and blocks components by @yurii-vasyliev (#4730)
Add rule component by @andesol (#4731)
Add common grid patterns by @andesol (#4727)
Update deep strip paddings by @yurii-vasyliev (#4720)

🐛 Bug Fixes

Fix grid offsets by @ClementChaumel (#4741)
Fix split list items overflowing in the other column by @ClementChaumel (#4722)

📝 Documentation

Remove outdated Suru strips from the website by @ClementChaumel (#4752)
Demo of design sprint brochure site documentation by @bartaz (#4708)

🔨 Maintenance

Remove border radius from images by @bartaz (#4750)
Update dependency canonicalwebteam.discourse to v5.4.1 by @renovate (#4743)
Update dependency yaml to v2 [SECURITY] by @renovate (#4746)
Revert new vertical spacing classes by @yurii-vasyliev (#4733)
Skip installing Chromium for production on jenkins by @bartaz (#4732)
Update dependency canonicalwebteam.discourse to v5.4.0 by @renovate (#4726)
Remove separator for the first item in the list (except if nested) by @ClementChaumel (#4723)
Move all deps to devDeps by @yurii-vasyliev (#4725)

New Contributors

@yurii-vasyliev made their first contribution in https://github.com/canonical/vanilla-framework/pull/4717

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v3.13.0...v3.14.0

- HTML
Published by github-actions[bot] about 3 years ago

https://github.com/canonical/vanilla-framework - v3.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 v3.13.0

🚀 Features

Added play, pause, reboot and stop icons by @lorumic (#4710)

🐛 Bug Fixes

Fix lists wrapping under the prefix by @ClementChaumel (#4702)
Fixed theme of pin/close button in application layout examples by @lorumic (#4694)
Trap focus within the sidenav on small screens by @lorumic (#4680)

📝 Documentation

Fixes incorrect aria-label on tabs examples by @petesfrench (#4701)

🔨 Maintenance

Update dependency canonicalwebteam.discourse to v5.3.0 by @renovate (#4715)
Update mobile nav to match new design by @pedoch (#4706)
Add missing page to side navigation by @bartaz (#4700)
Fix icon override on the main page by @ClementChaumel (#4693)
Extract side navigation data to YAML file by @abhigyanghosh30 (#4681)
Set version in releases.yml file to 3.12.1 by @lorumic (#4686)

New Contributors

@pedoch made their first contribution in https://github.com/canonical/vanilla-framework/pull/4706

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v3.12.0...v3.13.0

- HTML
Published by github-actions[bot] about 3 years ago

https://github.com/canonical/vanilla-framework - v3.12.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.12.1

🚀 Features

Add u-has-icon utility class [WD-2275] by @lorumic (#4677)
Add dense variant to logo section by @abhigyanghosh30 (#4668)
Fix font size of all caps text component by @bartaz (#4665)
Update list styles by @ClementChaumel (#4636)

🐛 Bug Fixes

Fix stepped list in dark mode didn't show numbers by @abhigyanghosh30 (#4674)
Removed highlight of side nav items on search results page [WD-2276] by @lorumic (#4682)
Use chevron icon in article pagination by @wszczawinski (#4669)
Fixed hex code for color-mid-light + a couple of typos by @lorumic (#4670)
Set white background for search and filter dropdown [WD-2279] by @lorumic (#4671)

🔨 Maintenance

Rename list dots to bullets by @ClementChaumel (#4683)
chore(deps): update dependency canonicalwebteam.discourse to v5.2.4 by @renovate (#4684)
Make updating the what's new page easier by @abhigyanghosh30 (#4679)
chore(deps): update all non-major dependencies by @renovate (#4675)
Revert What's new page to 3.12 release by @bartaz (#4673)
Revert version to 3.12.0 by @bartaz (#4672)
chore(deps): update internal dependencies by @renovate (#4663)
Add missing secret for upload-assets snap by @bartaz (#4661)

New Contributors

@abhigyanghosh30 made their first contribution in https://github.com/canonical/vanilla-framework/pull/4668
@wszczawinski made their first contribution in https://github.com/canonical/vanilla-framework/pull/4669

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v3.11.1...v3.12.0

- HTML
Published by github-actions[bot] about 3 years ago

https://github.com/canonical/vanilla-framework - v3.11.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.11.1

🐛 Bug Fixes

Fix the calculation of hr margin by @bartaz (#4660)
Fix nesting row in fixed width container by @bartaz (#4657)
Update top nav font weight by @bartaz (#4658)

📝 Documentation

WD-777 Add full-width layout documentation by @bartaz (#4655)
WD-778 Use new full width layout on Vanilla site by @bartaz (#4650)
Fix command for git submodule example by @kkumtree (#4635)

🔨 Maintenance

Bump cacheable-request from 10.2.2 to 10.2.7 by @dependabot (#4653)
Bump http-cache-semantics from 4.1.0 to 4.1.1 by @dependabot (#4647)
Add !default to fontsizes map by @lyubomir-popov (#4644)
Update font files and use small caps by @lyubomir-popov (#4648)
Bring back upload-assets CLI tool for release by @bartaz (#4649)
chore(deps): update dependency canonicalwebteam.discourse to v5.0.4 by @renovate (#4651)
Update u-off-screen utility by @steverydz (#4639)
chore(deps): update dependency @testing-library/cypress to v9 by @renovate (#4627)
chore(deps): update all non-major dependencies by @renovate (#4637)
chore(deps): update dependency cypress to v12 by @renovate (#4638)

New Contributors

@kkumtree made their first contribution in https://github.com/canonical/vanilla-framework/pull/4635

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v3.11.0...v3.11.1

- HTML
Published by github-actions[bot] over 3 years ago

https://github.com/canonical/vanilla-framework - v3.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 v3.11.0

🚀 Features

New full-width layout for Design System website [WD-775] by @bartaz (#4621)

🐛 Bug Fixes

fix: remove collapsed side panel from accessibility tree by @petermakowski (#4628)

📝 Documentation

Fix link for Chrome Accessibility Developer Tools by @edlerd (#4630)

🔨 Maintenance

chore(deps): update dependency canonicalwebteam.flask-base to v1.1.0 by @renovate (#4631)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v3.10.0...v3.11.0

- HTML
Published by github-actions[bot] over 3 years ago

https://github.com/canonical/vanilla-framework - v3.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 v3.10.0

🚀 Features

Add desktop icon by @edlerd (#4624)
Switch to the new variable font by @ClementChaumel (#4616)

📝 Documentation

Add desktop icon by @edlerd (#4624)

🔨 Maintenance

Reduce social icon sizes to work better next to headings by @lyubomir-popov (#4625)
Temporary script to fix the upload assets job by @bartaz (#4623)
Update all non-major dependencies by @renovate (#4626)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v3.9.0...v3.10.0

- HTML
Published by github-actions[bot] over 3 years ago

https://github.com/canonical/vanilla-framework - v3.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 v3.9.0

🚀 Features

Update styling of buttons and form elements by @lyubomir-popov (#4402)

💣 Potentially breaking changes

Updating to Vanilla 3.9.0 should be seamless, but if you have any custom form components built on top of Vanilla or separate components made look like Vanilla form elements they may need to be updated to the new style.

🐛 Bug Fixes

Increase z-index of the modal so that it overlays the navigation drawer by @lorumic (#4619)
Add hover states for checkboxes by @ClementChaumel (#4615)

🔨 Maintenance

Update all non-major dependencies by @renovate (#4610)
Bump qs from 6.5.2 to 6.5.3 by @dependabot (#4617)
Bump express from 4.17.1 to 4.18.2 by @dependabot (#4618)
Bump minimatch from 3.0.4 to 3.1.2 by @dependabot (#4612)

New Contributors

@lorumic made their first contribution in https://github.com/canonical/vanilla-framework/pull/4619

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v3.8.2...v3.9.0

- HTML
Published by github-actions[bot] over 3 years ago

https://github.com/canonical/vanilla-framework - v3.8.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 v3.8.2

🐛 Bug Fixes

Fix logo height on small screens by @bartaz (#4609)

🔨 Maintenance

Update dependency get-site-urls to v3 by @renovate (#4606)
Update all non-major dependencies by @renovate (#4605)

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v3.8.1...v3.8.2

- HTML
Published by github-actions[bot] over 3 years ago

https://github.com/canonical/vanilla-framework - v3.8.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.8.1

🚀 Features

Updated style of stepped list counter size by @huwshimi (#4584)

🐛 Bug Fixes

Fix responsive grid bug by @mtruj013 (#4597)
Fix warning for division operator by @mtruj013 (#4602)
Override responsive divider orientation for medium screens with col-m… by @huwshimi (#4594)
Fix slider input height by @huwshimi (#4575)
Fix u-hide--large on table cells on medium screens. by @huwshimi (#4590)

📝 Documentation

Update hacking to dotrun by @huwshimi (#4587)

🔨 Maintenance

Update the underline style of links on hover by @larryease (#4603)
Fix logo and logo tag height and width values by @mtruj013 (#4598)
Revert to new logo style by @mtruj013 (#4601)
Improve lint ordering rules by @huwshimi (#4595)
Make password text easier to read when toggled by @huwshimi (#4591)
Update dependency canonicalwebteam.discourse to v5 by @renovate (#4568)
Update dependency canonicalwebteam.flask-base to v1.0.6 by @renovate (#4567)

New Contributors

@larryease made their first contribution in https://github.com/canonical/vanilla-framework/pull/4603

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v3.8.0...v3.8.1

- HTML
Published by github-actions[bot] over 3 years ago

https://github.com/canonical/vanilla-framework - v3.8.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.8.0

🚀 Features

add side navigation accordion variant by @petermakowski (#4550)

🐛 Bug Fixes

Fix navigation: close open dropdown on click of toggle item. by @edlerd (#4566)

🔨 Maintenance

Change default breakpoint for navigation to large by @edlerd (#4565)

New Contributors

@edlerd made their first contribution in https://github.com/canonical/vanilla-framework/pull/4565

Full Changelog: https://github.com/canonical/vanilla-framework/compare/v3.7.1...v3.8.0

- HTML
Published by github-actions[bot] over 3 years ago

https://github.com/canonical/vanilla-framework - 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: https://github.com/canonical/vanilla-framework/compare/v3.7.0...v3.7.1

- HTML
Published by github-actions[bot] over 3 years ago

https://github.com/canonical/vanilla-framework - 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: https://github.com/canonical/vanilla-framework/compare/v3.6.1...v3.7.0

- HTML
Published by github-actions[bot] almost 4 years ago

https://github.com/canonical/vanilla-framework - 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)

- HTML
Published by github-actions[bot] almost 4 years ago

https://github.com/canonical/vanilla-framework - 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)

- HTML
Published by github-actions[bot] almost 4 years ago

https://github.com/canonical/vanilla-framework - 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: https://github.com/canonical-web-and-design/vanilla-framework/compare/v3.4.0...v3.5.0

- HTML
Published by github-actions[bot] almost 4 years ago

https://github.com/canonical/vanilla-framework - 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: https://github.com/canonical-web-and-design/vanilla-framework/compare/v3.3.0...v3.4.0

- HTML
Published by github-actions[bot] about 4 years ago

https://github.com/canonical/vanilla-framework - 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: https://github.com/canonical-web-and-design/vanilla-framework/compare/v3.2.0...v3.3.0

- HTML
Published by github-actions[bot] about 4 years ago

https://github.com/canonical/vanilla-framework - 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 https://github.com/canonical-web-and-design/vanilla-framework/pull/4400
Top navigation updates by @bartaz in https://github.com/canonical-web-and-design/vanilla-framework/pull/4403

🐛 Bug Fixes

Update aria-labels on landmarks by @bethcollins92 in https://github.com/canonical-web-and-design/vanilla-framework/pull/4361
Fix broken snippet__line outside of snippet_block--numbered by @ClementChaumel in https://github.com/canonical-web-and-design/vanilla-framework/pull/4363
Close contextual menu when focus leaves by @bethcollins92 in https://github.com/canonical-web-and-design/vanilla-framework/pull/4359

📝 Documentation

Add accessibility docs for strip by @bethcollins92 in https://github.com/canonical-web-and-design/vanilla-framework/pull/4358
Add discourse module to Vanilla docs by @bartaz in https://github.com/canonical-web-and-design/vanilla-framework/pull/4353

🔨 Maintenance

Update actions/setup-node action to v3 by @renovate in https://github.com/canonical-web-and-design/vanilla-framework/pull/4344
Update all non-major dependencies by @renovate in https://github.com/canonical-web-and-design/vanilla-framework/pull/4343
Update internal dependencies by @renovate in https://github.com/canonical-web-and-design/vanilla-framework/pull/4362
Fix search by providing search engine id by @bartaz in https://github.com/canonical-web-and-design/vanilla-framework/pull/4390
Update actions/checkout action to v3 by @renovate in https://github.com/canonical-web-and-design/vanilla-framework/pull/4389
Update all non-major dependencies by @renovate in https://github.com/canonical-web-and-design/vanilla-framework/pull/4388
Remove design section from docs by @bethcollins92 in https://github.com/canonical-web-and-design/vanilla-framework/pull/4399

New Contributors

@ClementChaumel made their first contribution in https://github.com/canonical-web-and-design/vanilla-framework/pull/4363

Full Changelog: https://github.com/canonical-web-and-design/vanilla-framework/compare/v3.1.1...v3.2.0

- HTML
Published by github-actions[bot] about 4 years ago

https://github.com/canonical/vanilla-framework - 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: https://github.com/canonical-web-and-design/vanilla-framework/compare/v3.1.0...v3.1.1

- HTML
Published by github-actions[bot] over 4 years ago

https://github.com/canonical/vanilla-framework - 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 https://github.com/canonical-web-and-design/vanilla-framework/pull/4253
@mtruj013 made their first contribution in https://github.com/canonical-web-and-design/vanilla-framework/pull/4254

Full Changelog: https://github.com/canonical-web-and-design/vanilla-framework/compare/v3.0.1...v3.1.0

- HTML
Published by github-actions[bot] over 4 years ago

https://github.com/canonical/vanilla-framework - v3.0.1

New in Vanilla v3.0.1

This is a small bug-fix release to solve an issue with misaligned chips in search and filter component introduced in 3.0.0.

But we also started writing some accessibility docs for our components in the meantime.

🐛 Bug Fixes

Fix spacing issues with chips in search and filter (#4246)

📝 Documentation

Add tooltip accessibility doc (#4241)
Add accessibility card text (#4237)
Add search box accessibility doc (#4239)
Add link accessibility doc (#4235)
Add lists accessibility doc (#4234)
Add accessibility accordion notes (#4233)

Getting Vanilla Framework

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

- HTML
Published by github-actions[bot] over 4 years ago

https://github.com/canonical/vanilla-framework - v3.0.0

New in Vanilla v3.0.0

We’ve just released Vanilla v3.0 - a new major update to our CSS framework. It includes a few significant updates and improvements around spacing variables, responsive breakpoints, a new expanding search box and various updates to existing components. Important aspects of the release include dropping a noticeable chunk of deprecated styles and components and removing IE support.

🚀 Features

Media query breakpoint updates

Update default value of navigation breakpoint (#4111)
Clean up media query breakpoints in components (#4107)
Remove medium breakpoint (#4105)
Clean-up breakpoints in utilities (#4096)
Update 12 col breakpoint from medium to large (#4078)

Colored chips and labels

Chips (#4124)
Add interactive chips (#4169)
Add theming for chips (#4168)
Make dismiss in chips round (#4191)
Inline labels (#4110)
Update the docs and examples for chips (#4188)
Bring back labels component (#4184)
Remove label component (#4154)

New expanding search

Update navigation search (#4003)
Update search in navigation to expanding search (#4228)

Use `sass` builder

Fix sass deprecation warning (#4208)
Switch to dart-sass (#3919)
Add index file to allow importing from package directly (#4093)

Spacing variables refactor

Spacing refactor rebased on the 3.0 feature branch (#3971)
Variable mappings (#4106)
Improve consistency of variable map keys (#4116)
Refactor margin/gutter scss maps (#4176)

Removed components and styles

Update switch component to use more reliable HTML (#4117)
Remove remaining deprecated docs (#4101)
Remove deprecated inline image pattern (#4099)
Remove 100% width from buttons on small screens (#4097)
Remove unused pagination link (#4094)
Remove $color-navigation-background (#4086)
Remove checkbox & radio base styles (#4072)
Remove p-link--external (#4069)
Remove IE fallback grid (#4030)
Fix rebase problems, remove old variables (#4005)
Remove IE support (#4004)
Remove deprecated icon styles (#3960)
Remove deprecated typography styles (#3956)
Remove deprecated navigation styles (#3947)
Remove deprecated styles for headings, buttons and grid (#3943)
Remove some of the deprecated patterns (#3934)

🐛 Bug Fixes

Wrap font-face definitions in @at-root (#4190)
Fix misused aria-label on mobile card table (#4179)
Remove unnecessary margin reset (#4177)

📝 Documentation

Migration guide

Reorder migration guide (#4218)
Upgrade warnings (#4215)
Make the naming of tables and class names more consistent (#4210)
Improve clarity of variables section of upgrade guide (#4209)
Change order of variable names (#4204)
Add breadcrumbs to upgrade guide (#4203)
Add search box description to upgrade guide (#4201)
Add new Accordion section to upgrade guide (#4199)
Add code pattern changes to upgrade guide (#4198)
Add p-notification__action class info to upgrade guide (#4200)
Add contextual menu icon update to upgrade guide (#4196)
Reword text-max-width section of upgrade guide (#4197)
Initial improvements to upgrade guide (#4119)
Upgrade guide (#4113)

Other docs and website updates

Improve the docs around breakpoints (#4207)
Add updated labels to side navigation (#4221)
Update README on vanilla website (#4223)
Update what's new page (#4219)
Update homepage (#4216)
Update current team members (#4120)
Add aria-describedby to fields with help or validation messages (#4135)
Add forms input a11y docs (#4125)
Document vertical spacing utilities (#4092)

🔨 Maintenance

Bump version to 3.0.0 (#4231)
Add missing import sections (#4185)
Update run script to use essential build (#4149)
Update watch:scss:skip-standalone (#3986)

Dependencies

Update dependency canonicalwebteam.flask-base to v0.9.3 (#4230)
Update all non-major dependencies (#4224)
Add image module and update images (#4212)
Remove specific node versions from package.json (#4202)
Update dependency @canonical/latest-news to v1.3.0 (#4180)
Update dependency postcss-cli to v9 (#4024)
Attempt to force node LTS version in renovate (#4181)
Update internal dependencies at any time (#4178)
Update all non-major dependencies (#4165)
Prevent renovate from upgrading python in CircleCi image (#4173)
Pin dependencies (#4164)
Update stylelint to v14 (#4142)
Use official image for CircleCi with Python and node (#4143)

Getting Vanilla Framework

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

- HTML
Published by github-actions[bot] over 4 years ago

https://github.com/canonical/vanilla-framework - v3.0.0-rc.1

New in Vanilla v3.0.0-rc.1

This is a Release Candidate 1 for Vanilla 3.0. It contains updates to chips and label components along some other small bugfixes and dependency updates.

🚀 Features

Add interactive chips (#4169)
Add theming for chips (#4168)
Make dismiss in chips round (#4191)
Update the docs and examples for chips (#4188)
Bring back labels component (#4184)
Remove label component (#4154)

🐛 Bug Fixes

Wrap font-face definitions in @at-root (#4190)
Fix misused aria-label on mobile card table (#4179)
Remove unnecessary margin reset (#4177)

🔨 Maintenance

Bump version to 3.0 release candidate (#4192)
Add missing import sections (#4185)
Update dependency @canonical/latest-news to v1.3.0 (#4180)
Update dependency postcss-cli to v9 (#4024)
Attempt to force node LTS version in renovate (#4181)
Update internal dependencies at any time (#4178)
Refactor margin/gutter scss maps (#4176)
Update all non-major dependencies (#4165)
Prevent renovate from upgrading python in CircleCi image (#4173)
Pin dependencies (#4164)
Update run script to use essential build (#4149)
Update stylelint to v14 (#4142)
Use official image for CircleCi with Python and node (#4143)

- HTML
Published by github-actions[bot] over 4 years ago

https://github.com/canonical/vanilla-framework - v2.37.1

This is a maintenance release, it doesn't change anything in SCSS code. Changes are mostly around dependencies. Most notably we moved all dependencies to devDependencies to avoid installing them in projects using Vanilla. It removes node-sass which was causing issues on Macs with M1 chips.

💣 Potentially breaking changes

There have been reports of builds failing after this update due to error with missing postcss. Vanilla used to install node-sass and postcss as its dependencies. We don't do it anymore since this version. If your project uses postcss or node-sass for building, you need to make sure you have any required dependencies in your package.json. Also in some of our projects we only install production dependencies in Dockerfile (not devDependencies), so you need to make sure that any build tools are included in dependencies rather than devDependencies

Changes

Move all dependencies to devDependencies
Update all non-major dependencies (#4108 )
Update GH action workflow to publish prereleases
Add breadcrumb accessibility docs (#4088)
Rename default branch to main
Update renovate config to group dependency updates
Add redirects for class name docs (#4014)

Dependency updates

Update dependency postcss to v8.3.9
Update dependency canonicalwebteam.flask-base to v0.9.1
Update dependency autoprefixer to v10.3.7
Update dependency svgo to v2.7.0
Update build-tools orb to v3
Update dependency postcss to v8.3.9

- HTML
Published by bartaz over 4 years ago

https://github.com/canonical/vanilla-framework - v3.0.0-beta.2

New in Vanilla v3.0.0-beta.2

Update current team members (#4120)
Improve consistency of variable map keys (#4116)
Upgrade guide (#4113)

🚀 Features

Chips (#4124)
Update switch component to use more reliable HTML (#4117)

📝 Documentation

Chips (#4124)
Add aria-describedby to fields with help or validation messages (#4135)
Add forms input a11y docs (#4125)

🔨 Maintenance

Update version to 3.0.0-beta.2 (#4141)

- HTML
Published by github-actions[bot] over 4 years ago

https://github.com/canonical/vanilla-framework - v3.0.0-beta.1 (prerelease)

This is a Vanilla 3.0 beta pre-release after merging vanilla-3.0 branch to main.

- HTML
Published by github-actions[bot] over 4 years ago

https://github.com/canonical/vanilla-framework - v3.0.0-alpha.2 (prerelease)

This prerelease of Vanilla 3.0 includes the styles index file (to allow @import "vanilla-framework") and fixes issues with @use "sass:math"

- HTML
Published by bartaz over 4 years ago

https://github.com/canonical/vanilla-framework - v3.0.0-alpha.1 (prerelease)

This is an early preview of 3.0 release.

- HTML
Published by bartaz over 4 years ago

https://github.com/canonical/vanilla-framework - v2.37.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 v2.37.0

🚀 Features

Add datalist to examples (#3984)

🐛 Bug Fixes

Circle CI config fix (#4015)
Make header fixed in modal (#3983)
Truncates modal to fit content and centers (#3982)

📝 Documentation

Add redirects for class name docs (#4014)
Update modal accessibility docs (#3998)

🔨 Maintenance

Update dependency autoprefixer to v10.3.7 (#3999)
Update dependency svgo to v2.7.0 (#4009)
Update build-tools orb to v3 (#4010)
Update dependency postcss to v8.3.8 (#4000)
Bump nth-check from 2.0.0 to 2.0.1 (#3993)
Update all non-major dependencies (#3987)

- HTML
Published by github-actions[bot] over 4 years ago

https://github.com/canonical/vanilla-framework - v2.36.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 v2.36.0

🚀 Features

Align help text and labels for tick elements (#3965)
Added accordion variant to align with checkboxes (#3963)
Move card padding to p-card__inner (#3953)

🐛 Bug Fixes

Add hover state for uncollpased accordion button (#3973)

🔨 Maintenance

Update dependency autoprefixer to v10.3.4 (#3969)

- HTML
Published by github-actions[bot] over 4 years ago

https://github.com/canonical/vanilla-framework - v2.35.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 v2.35.0

🚀 Features

Update validation styling (#3954)
Update asterisk on required form fields (#3948)

🐛 Bug Fixes

Fix max-width of notifications text (#3938)

📝 Documentation

Fix labels in docs for 2.35 (#3964)
Document a card with an image (#3932)
Fix docs heading levels (#3939)
Change component status to what's new (#3937)

🔨 Maintenance

Bump tar from 6.1.3 to 6.1.11 (#3961)
Update dependency autoprefixer to v10.3.3 (#3957)
Update dependency svgo to v2.5.0 (#3958)
Update dependency autoprefixer to v10.3.2 (#3944)

- HTML
Published by github-actions[bot] over 4 years ago

https://github.com/canonical/vanilla-framework - v2.34.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 v2.34.0

🚀 Features

p-tab-buttons pattern (#3921)
Cross list (#3912)
Add password toggle pattern (#3899)

🐛 Bug Fixes

Enable labels to truncate with ellipses (#3931)
Add right padding to deprecated notification response element (#3930)
Hide Chrome's search clear icon on search and filter pattern (#3917)
increase z-index of hr without margin bottom (#3909)
Make notificaiton margin-bottom not depend on scaling factor (#3904)

📝 Documentation

Document mandatory nature of cancel button in p-search-box pattern (#3925)

🔨 Maintenance

update side nav labels for 2.34.0 (#3933)
Update dependency svgo to v2.4.0 (#3929)
Bump path-parse from 1.0.6 to 1.0.7 (#3920)
Bump tar from 6.0.5 to 6.1.3 (#3905)

- HTML
Published by github-actions[bot] almost 5 years ago

https://github.com/canonical/vanilla-framework - v2.33.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 v2.33.1

🐛 Bug Fixes

Set z-index of hr.u-no-margin--bottom (#3880)

📝 Documentation

Add dart-sass build info (#3893)
Document font-weight variables (#3894)
Update import guidance in docs (#3889)
Document icon color customisation (#3881)
Add documentation on notification accessibility (#3879)
Add heading for modal footer (#3882)

🔨 Maintenance

Update dependency postcss to v8.3.6 (#3886)
Remove unnecessary comment from layout application template (#3883)
Update all non-major dependencies (#3877)
Update dependency autoprefixer to v10.3.1 (#3876)

- HTML
Published by github-actions[bot] almost 5 years ago

https://github.com/canonical/vanilla-framework - v2.33.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 v2.33.0

New notifications

We updated the look of Notification components. Previous notification HTML structure has been deprecated, please update the class names according to updated notifications documentation.

Screenshot 2021-07-16 at 12 35 46

💣 (Potentially) Breaking changes

The spacing and style of notifications have been updated. This may affect any custom CSS projects have around notifications.

🚀 Features

Update notification spacing (#3866)
Update notifications component with new style and features (#3856)
Add skip link pattern (#3851)
Update existing notification pattern with new styling (#3844)

🔨 Maintenance

Bring search and filter height inline with other inputs (#3864)
Bump version to 2.33.0 (#3875)
Bump version to 2.33.0-rc2 (#3874)
Remove notification variants (#3873)
Bump version for pre-release 2.33.0-rc1 (#3862)
Update dependency autoprefixer to v10.3.0 (#3861)
Notifications deprecations (#3859)
Add documentation for new notification variants (#3854)
Move global nav styles from example to scss file (#3852)

- HTML
Published by github-actions[bot] almost 5 years ago

https://github.com/canonical/vanilla-framework - v2.32.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 v2.32.0

💣 Breaking changes

This version removes internal variable $grid-margin-width. Any external code that uses this variable will not build, it should be replaced with map-get($grid-margin-widths, medium) (or, ideally with correct value for different screen sizes).

🚀 Features

Add dark theme to the buttons (#3807)
Add p-label (#3801)
Deprecate neutral button (#3806)
Add has-overflow utility to tables (#3796)

🐛 Bug Fixes

Fix small typo in navigation examples (#3783)

📝 Documentation

Update webpack build steps (#3837)

🔨 Maintenance

Remove contextual menu styles from p-table--mobile-card (#3843)
Spacing vars update (#3775)
Website accessibility fixes (#3811)
Bump trim-newlines from 3.0.0 to 3.0.1 (#3816)
Update dependency prettier to v2.3.2 (#3814)
Update dependency node-sass to v6.0.1 (#3813)
Update dependency svgo to v2.3.1 (#3815)
add 410 template for deleted content (#3812)
Remove showcase page (#3810)
Fix title of has-overflow item in component status page (#3799)
Bump color-string from 1.5.4 to 1.5.5 (#3798)
Bump y18n from 4.0.0 to 4.0.3 (#3787)
Update dependency postcss to v8.3.5 (#3795)
Bump hosted-git-info from 2.8.8 to 2.8.9 (#3786)
Bump normalize-url from 4.5.0 to 4.5.1 (#3782)
Bump glob-parent from 5.1.0 to 5.1.2 (#3781)
Update dependency postcss to v8.3.2 (#3785)

- HTML
Published by github-actions[bot] almost 5 years ago

https://github.com/canonical/vanilla-framework - v2.31.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 v2.31.0

🚀 Features

Move subnav styles to main nav styles (#3765)
Standardize hover and active states across components (#3730)

🐛 Bug Fixes

Remove background from link button. (#3772)
Handle text overflow on expanding table (#3761)
correct typo in the positive green hex code (#3767)

🔨 Maintenance

Make nav highlight colour overrideable (#3762)
Bump browserslist from 4.16.3 to 4.16.6 (#3760)
Update dependency prettier to v2.3.1 (#3778)
Bump ws from 6.2.1 to 6.2.2 (#3773)
Update dependency autoprefixer to v10.2.6 (#3770)
Let's make it official (#3769)
Update Node.js to v16 (#3740)

- HTML
Published by github-actions[bot] almost 5 years ago

https://github.com/canonical/vanilla-framework - v2.30.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 v2.30.0

🚀 Features

Update main nav height, logo spacing and selected state (#3727)
Add tab content example (#3733)
Add dark theme to p-divider (#3728)
Add button link pattern (#3724)

💣 Breaking Change

Main navigation update introduced in #3727 changes the height of the main top navigation (and main logo) to 3.5rem. Styling of active navigation items was updated as well. This may affect any custom styling around main navigation or logo.

🐛 Bug Fixes

Add min width to mobile card columns (#3759)
Fix blog links on homepage (#3735)
update homepage URL in package.json (#3736)
Remove hardcoded color from stroke in error icon (#3729)

🔨 Maintenance

Update dependency postcss to v8.3.0 (#3755)
Improve README (#3749)
Update dependency node-sass to v6 (#3741)
Update dependency postcss to v8.2.15 (#3747)
Update build-tools orb to v2.9.1 (#3746)
Update dependency prettier to v2.3.0 (#3739)
Update dependency postcss to v8.2.14 (#3738)
Split align utlity examples to better describe their uses (#3737)
Make stepped list work without headings (#3731)
Update dependency stylelint to v13.13.1 (#3726)
Add comma to hero text on marketing site homepage (#3722)
Update dependency stylelint-config-standard to v22 (#3718)
Update all non-major dependencies (#3717)

- HTML
Published by github-actions[bot] about 5 years ago

https://github.com/canonical/vanilla-framework - v2.29.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 v2.29.0

🚀 Features

Add toolbar to the fluid-breakout layout (#3716)

🐛 Bug Fixes

Fix backround of buttons in contextual menu (#3706)
Remove right arrow from tabs component (#3702)

📝 Documentation

Link from Vanilla to React docs (#3715)
Modal focus accessibility improvements (#3712)
Remove unnecessary p-slider class from the example (#3704)

🔨 Maintenance

Increase small text line height (#3697)
Update dependency canonicalwebteam.flask-base to v0.9.0 (#3708)
Update table mobile card design (#3707)
Enable source maps (#3709)

- HTML
Published by github-actions[bot] about 5 years ago

https://github.com/canonical/vanilla-framework - v2.28.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 v2.28.0

🚀 Features

Add logo-section component (#3670)
Add footer to modal dialog (#3676)
Add styling for table captions (#3675)
Detached tooltip (#3677)

🐛 Bug Fixes

Fix focus highlight states for tabs and side nav (#3698)
Update the style of back to top link (#3696)
Update p-stepped-list__title to allow child elements (#3694)
Add right padding to modal header to accommodate close button (#3691)
Fix spacing around chips in search and filter (#3687)
Increase z-index on tooltips (#3679)
Change modal dialog overflow to auto (#3678)

📝 Documentation

Improve show/hiding of tooltips in JS example (#3688)
Update docs with guidance on using tooltips with disabled elements (#3689)

🔨 Maintenance

Update dependency postcss to v8.2.10 (#3699)
Print size of build file in CI logs (#3695)
Install linkchecker via pip (again) (#3683)
Update all non-major dependencies (#3685)
Bump version to 2.28.0-rc1 for release candidate (#3684)
Use linkchecker installed on older ubuntu LTS (#3681)

- HTML
Published by github-actions[bot] about 5 years ago

https://github.com/canonical/vanilla-framework - v2.27.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 v2.27.0

🚀 Features

Add GitHub social icon (#3643)
Add .is-bordered to code snippet (#3632)

🐛 Bug Fixes

Fix border when hovering disabled base button (#3644)

📝 Documentation

Add dynamic blog feed to homepage (#3663)
Document figure support on images (#3661)
Simplify external link icon example (#3657)
Document ability to add icon classes to anchor tags (#3650)
Clarify base button role (#3645)
Document formatting in table cells (#3646)
Update search box examples with JS to handle cancel event (#3642)
Add latest Vanilla version to home page (#3641)

🔨 Maintenance

Remove aliceOS logo from home page (#3672)
Remove unnecessary example styling for app layout (#3669)
Update dependency svgo to v2.3.0 (#3671)
Add Vanilla-branded Suru to the website (#3660)
Change width of medium application panel (#3656)
Merge PR with master before running Percy (#3654)
Replace custom suru scss and inline bg image with built-in suru (#3651)
Improvements to borders and box shadows (#3648)
Add bottom margin to embedded-media, to match paragraph bottom margin (#3647)
Add the definition of done to PR template (#3640)
Remove custom syntax highlighting from home page (#3638)
Remove custom icon styles from browser support page (#3631)

- HTML
Published by github-actions[bot] about 5 years ago

https://github.com/canonical/vanilla-framework - v2.26.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 v2.26.0

🚀 Features

Accordion accessibility update (#3622)
Add layout with sticky footer (#3623)
Add the search and filter component (#3612)
Add indeterminate state checkbox (#3613)
Application layout panel animations (#3614)
Remove the need for p-table--sortable class name (#3608)

🐛 Bug Fixes

Use calc for computations with grid-max-width (#3620)
Fix bottom margin on last p element in p-matrix__desc (#3609)

📝 Documentation

Use the correct color code for the $color-information example (#3634)

🔨 Maintenance

Add missing labels to side navigation for 2.26 (#3630)
Consolidate media queries (#3625)
Update all non-major dependencies (#3629)
Update dependency canonicalwebteam.search to v1 (#3616)
Update dependency stylelint-config-standard to v21 (#3617)
Update all non-major dependencies (#3615)
Add selector-max-type linting rule (#3607)
Install linkchecker via pip3 (#3606)
Rename expanding table (#3596)
Update fieldset styling (#3597)
Fix linkchecker on GH actions (#3603)

- HTML
Published by github-actions[bot] about 5 years ago

https://github.com/canonical/vanilla-framework - v2.25.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 v2.25.1

🐛 Bug Fixes

Remove margin right from contextual menu (#3601)

- HTML
Published by github-actions[bot] over 5 years ago

Recent Releases of https://github.com/canonical/vanilla-framework

https://github.com/canonical/vanilla-framework - v4.33.0

Getting Vanilla Framework

New in Vanilla v4.33.0

🚀 Features

https://github.com/canonical/vanilla-framework - v4.32.1

Getting Vanilla Framework

New in Vanilla v4.32.1

🐛 Bug Fixes

https://github.com/canonical/vanilla-framework - v4.32.0

Getting Vanilla Framework

New in Vanilla v4.32.0

🚀 Features

🔨 Maintenance

https://github.com/canonical/vanilla-framework - v4.31.0

Getting Vanilla Framework

New in Vanilla v4.31.0

🚀 Features

https://github.com/canonical/vanilla-framework - v4.30.0

Getting Vanilla Framework

New in Vanilla v4.30.0

🚀 Features

📝 Documentation

🔨 Maintenance

https://github.com/canonical/vanilla-framework - v4.29.0

Getting Vanilla Framework

New in Vanilla v4.29.0

🚀 Features

🐛 Bug Fixes

https://github.com/canonical/vanilla-framework - v4.28.0

Getting Vanilla Framework

New in Vanilla v4.28.0

🚀 Features

🐛 Bug Fixes

New Contributors

https://github.com/canonical/vanilla-framework - v4.27.0

Getting Vanilla Framework

New in Vanilla v4.27.0

🚀 Features

🔨 Maintenance

https://github.com/canonical/vanilla-framework - v4.26.1

Getting Vanilla Framework

New in Vanilla v4.26.1

🐛 Bug Fixes

https://github.com/canonical/vanilla-framework - v4.26.0

Getting Vanilla Framework

New in Vanilla v4.26.0

🚀 Features

🐛 Bug Fixes

https://github.com/canonical/vanilla-framework - v4.25.0

Getting Vanilla Framework

New in Vanilla v4.25.0

🚀 Features

🔨 Maintenance

https://github.com/canonical/vanilla-framework - v4.24.1

Getting Vanilla Framework

New in Vanilla v4.24.1

🔨 Maintenance

https://github.com/canonical/vanilla-framework - v4.24.0

Getting Vanilla Framework

New in Vanilla v4.24.0

🚀 Features

https://github.com/canonical/vanilla-framework - v4.23.2

Getting Vanilla Framework

New in Vanilla v4.23.2

🐛 Bug Fixes

🔨 Maintenance

https://github.com/canonical/vanilla-framework - v4.23.1

Getting Vanilla Framework

New in Vanilla v4.23.1

🐛 Bug Fixes

🔨 Maintenance

https://github.com/canonical/vanilla-framework - v4.23.0

Getting Vanilla Framework

New in Vanilla v4.23.0

🚀 Features

📝 Documentation

🔨 Maintenance

https://github.com/canonical/vanilla-framework - v4.22.0

Getting Vanilla Framework