Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bump @picocss/pico from 1.5.11 to 2.0.0 #30

Closed

Conversation

dependabot[bot]
Copy link
Contributor

@dependabot dependabot bot commented on behalf of github Feb 12, 2024

Bumps @picocss/pico from 1.5.11 to 2.0.0.

Release notes

Sourced from @​picocss/pico's releases.

v2.0.0

✨🚀 Pico v2.0 features better accessibility, easier customization with SASS, a complete color palette, a new group component, and 20 precompiled color themes totaling over 100 combinations accessible via CDN.

😎 New look and feel

All colors have been carefully and manually redefined for a more contrasted, neutral (less bluish) look and feel.

The default color theme is much more accessible. Most colors now follow the WCAG 2.1 AAA standard, and some secondary muted colors follow the WCAG 2.1 AA standard.

Focus states have been improved for more consistency and contrast, and spacings have been reduced for a sleeker and more neutral style.

✨ Easier customization

We have refactored all .scss files to make it easier for you to compile your version of Pico with SASS. All modules can now be enabled or disabled using @​use.

We added more CSS variables, now totaling over 130, to easily create a unique look and feel, enhancing design flexibility.

🎨 Color palette

Pico v2 comes with 380 manually crafted colors to help you personalize your brand design system. The colors can be imported into any .scss file, and a new stylesheet with all the color utilities is provided.

📐 Better breakpoints

We have updated the breakpoints to follow the width of standard devices and added a new breakpoint for larger screens.

🧩 Group component

With group (role="group"), you can now stack forms elements and buttons horizontally.

🖌️ Conditional Styling

Conditional Styling is a powerful feature that allows you to apply styles selectively by wrapping elements in .pico containers, which is ideal for mixed-style environments. This method restricts styling to designated sections, making it particularly useful for combining multiple stylesheets or components seamlessly.

🌈 Version picker

Play with the Version Picker, which offers 20 precompiled color themes accessible via CDN for all Pico versions. The total number of combinations is over 100.

⚠️ Breaking changes

CSS Vars

All CSS custom properties are prefixed with pico- to avoid collisions with other CSS frameworks or your vars. We also added new CSS variables and renamed some to follow a consistent pattern {component}-{state}-{property}.

SCSS files

We renamed and moved many .scss files. If you import Pico modules, you need to update your paths.

Buttons

Buttons are not width: 100%; by default anymore. Only form buttons are full-width to be consistent with other form elements.

... (truncated)

Commits

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot dependabot bot added the dependencies Pull requests that update a dependency file label Feb 12, 2024
Bumps [@picocss/pico](https://github.com/picocss/pico) from 1.5.11 to 2.0.0.
- [Release notes](https://github.com/picocss/pico/releases)
- [Commits](picocss/pico@v1.5.11...v2.0.0)

---
updated-dependencies:
- dependency-name: "@picocss/pico"
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>
@dependabot dependabot bot force-pushed the dependabot/npm_and_yarn/dev/picocss/pico-2.0.0 branch from 3cd3621 to a24e2e4 Compare February 12, 2024 14:54
Copy link
Contributor Author

dependabot bot commented on behalf of github Feb 12, 2024

Looks like @picocss/pico is up-to-date now, so this is no longer needed.

@dependabot dependabot bot closed this Feb 12, 2024
@dependabot dependabot bot deleted the dependabot/npm_and_yarn/dev/picocss/pico-2.0.0 branch February 12, 2024 20:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dependencies Pull requests that update a dependency file
Projects
None yet
Development

Successfully merging this pull request may close these issues.

0 participants