Update dependency vanilla-framework to v3 #680

renovate · 2022-01-10T14:32:21Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
vanilla-framework (source)	`2.37.1` -> `3.2.0`

Release Notes

canonical-web-and-design/vanilla-framework

`v3.2.0`

Compare Source

Getting Vanilla Framework

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

New in Vanilla v3.2.0

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: canonical/vanilla-framework@v3.1.0...v3.1.1

`v3.1.0`

Compare Source

Getting Vanilla Framework

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

New in Vanilla 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: canonical/vanilla-framework@v3.0.1...v3.1.0

`v3.0.1`

Compare Source

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

`v3.0.0`

Compare Source

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

Configuration

📅 Schedule: At any time (no schedule defined).

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

♻ Rebasing: Renovate will not automatically rebase this PR, because other commits have been found.

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

If you want to rebase/retry this PR, click this checkbox.

This PR has been generated by WhiteSource Renovate. View repository job log here.

webteam-app · 2022-01-10T14:32:24Z

Demo: https://maas-io-680.demos.haus/

huwshimi · 2022-04-14T00:34:23Z

This is ready for a really thorough QA. I've manually started a demo here: https://maas-io-680.demos.haus/.

petermakowski · 2022-04-22T15:06:28Z

This looks good, except I found a minor issue on the contact-us page:

Live site

This PR

petermakowski · 2022-04-22T15:13:14Z

Due to some changes to breakpoints space isn't used as effectively as before in some instances. One example I found on the /tour page:

Live site

This PR

huwshimi · 2022-04-26T01:48:26Z

This looks good, except I found a minor issue on the contact-us page:

Live site

This PR

Thanks @petermakowski. I searched for other checkboxes and found and fixed the checkboxes on this page as well: https://maas-io-680.demos.haus/vmware-images

huwshimi · 2022-04-26T01:49:30Z

Due to some changes to breakpoints space isn't used as effectively as before in some instances. One example I found on the /tour page:

I tried to fix this but discovered an issue: canonical/vanilla-framework#4438.

I've filed an issue so that we can followup when that issue has been resolved: canonical/vanilla-framework#4438.

Edit: for reference this is what happened when I tried to fix it:

renovate bot force-pushed the renovate/major-internal branch from 942e909 to c929267 Compare January 13, 2022 15:34

renovate bot force-pushed the renovate/major-internal branch from c929267 to 25e126e Compare January 25, 2022 14:42

renovate bot changed the title ~~Update dependency vanilla-framework to v3~~ Update internal dependencies (major) Jan 25, 2022

renovate bot force-pushed the renovate/major-internal branch 3 times, most recently from 67f38f4 to 6c2f857 Compare February 10, 2022 16:22

renovate bot force-pushed the renovate/major-internal branch 4 times, most recently from 41cb5ac to dacdcd8 Compare February 21, 2022 14:21

renovate bot changed the title ~~Update internal dependencies (major)~~ Update dependency vanilla-framework to v3 Feb 21, 2022

huwshimi self-assigned this Feb 25, 2022

petermakowski linked an issue Feb 25, 2022 that may be closed by this pull request

Update to Vanilla 3.0 #704

Closed

renovate bot force-pushed the renovate/major-internal branch from dacdcd8 to 96c5856 Compare February 28, 2022 15:49

huwshimi removed their assignment Apr 1, 2022

renovate bot force-pushed the renovate/major-internal branch from 96c5856 to fc5baba Compare April 13, 2022 12:16

Update dependency vanilla-framework to v3

06b5c54

renovate bot force-pushed the renovate/major-internal branch from fc5baba to 06b5c54 Compare April 13, 2022 23:17

huwshimi added 2 commits April 14, 2022 10:08

Update to work with Vanilla v3.

06e3d3a

Update scss linting to work with Vanilla 3

9103545

huwshimi added Review: QA needed Review: Code needed labels Apr 14, 2022

petermakowski added Review: QA -1 Review: Code +1 (with changes) and removed Review: QA needed Review: Code needed labels Apr 22, 2022

huwshimi mentioned this pull request Apr 26, 2022

Update responsive view of tour #728

Open

petermakowski added Review: QA +1 and removed Review: QA -1 labels Apr 26, 2022

petermakowski approved these changes Apr 26, 2022

View reviewed changes

huwshimi merged commit 9be45d9 into main Apr 26, 2022

renovate bot deleted the renovate/major-internal branch April 26, 2022 23:19

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Update dependency vanilla-framework to v3 #680

Update dependency vanilla-framework to v3 #680

renovate bot commented Jan 10, 2022 •

edited

Loading

webteam-app commented Jan 10, 2022 •

edited by huwshimi

Loading

huwshimi commented Apr 14, 2022

petermakowski commented Apr 22, 2022

petermakowski commented Apr 22, 2022

huwshimi commented Apr 26, 2022

huwshimi commented Apr 26, 2022 •

edited

Loading

Update dependency vanilla-framework to v3 #680

Update dependency vanilla-framework to v3 #680

Conversation

renovate bot commented Jan 10, 2022 • edited Loading

Release Notes

v3.2.0

Getting Vanilla Framework

New in Vanilla v3.2.0

🚀 Features

🐛 Bug Fixes

📝 Documentation

🔨 Maintenance

New Contributors

v3.1.1

Getting Vanilla Framework

New in Vanilla v3.1.1

🐛 Bug Fixes

📝 Documentation

🔨 Maintenance

v3.1.0

Getting Vanilla Framework

New in Vanilla v3.1.0

🚀 Features

🐛 Bug Fixes

📝 Documentation

🔨 Maintenance

New Contributors

v3.0.1

New in Vanilla v3.0.1

🐛 Bug Fixes

📝 Documentation

Getting Vanilla Framework

v3.0.0

New in Vanilla v3.0.0

🚀 Features

Media query breakpoint updates

Colored chips and labels

New expanding search

Use sass builder

Spacing variables refactor

Removed components and styles

🐛 Bug Fixes

📝 Documentation

Migration guide

Other docs and website updates

🔨 Maintenance

Dependencies

Getting Vanilla Framework

Configuration

webteam-app commented Jan 10, 2022 • edited by huwshimi Loading

huwshimi commented Apr 14, 2022

petermakowski commented Apr 22, 2022

petermakowski commented Apr 22, 2022

huwshimi commented Apr 26, 2022

huwshimi commented Apr 26, 2022 • edited Loading

renovate bot commented Jan 10, 2022 •

edited

Loading

`v3.2.0`

`v3.1.1`

`v3.1.0`

`v3.0.1`

`v3.0.0`

Use `sass` builder

webteam-app commented Jan 10, 2022 •

edited by huwshimi

Loading

huwshimi commented Apr 26, 2022 •

edited

Loading