Skip to content

[Snyk] Upgrade bulma from 0.9.4 to 1.0.2 #343

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

Closed
wants to merge 1 commit into from

Conversation

oranheim
Copy link
Member

snyk-top-banner

Snyk has created this PR to upgrade bulma from 0.9.4 to 1.0.2.

ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.


⚠️ Warning: This PR contains major version upgrade(s), and may be a breaking change.

  • The recommended version is 3 versions ahead of your current version.

  • The recommended version was released on 2 months ago.

Release notes
Package name: bulma
  • 1.0.2 - 2024-07-25

    1.0.2

    Improvements

    • Smart Grid is-col-min now goes up to 32 (Fixes #3829)
    • Remove need for is-variable modifier for Column gaps
    • You can have a list of radio buttons or checkboxes with the radios and checkboxes classes respectively
    • Add is-max-tablet modifier to the Container element
    • Add currentColor and inherit as possible values for the color and background helpers
    • The Section can now have a minimum height of 100vh with the is-fullheight modifier
    • Add more SCSS variables:
      • $input-border-style
      • $input-border-width
      • $label-spacing
      • $field-block-spacing
    • Add more CSS variables:
      • --bulma-input-border-style
      • --bulma-input-border-width
      • --bulma-label-color
      • --bulma-label-spacing
      • --bulma-label-weight
      • --bulma-help-size
      • --bulma-field-block-spacing

    Bug fixes

    • Fix #3824: ability to override $scheme-h, $scheme-s, $dark-l and $light-l Sass variables
    • Fix #3830: add remaining logical properties
    • Fix #3743: make sure 12 columns system take up whole width
    • Fix #3799: restore variable columns
    • Fix #3846: restore --bulma-column-gap CSS variable
    • Fix #3775: has-background helpers should only affect element it's applied to
    • Fix #3856: Sass nested rule deprecation warning
    • Fix #3757: restore use of $navbar-burger-color
  • 1.0.1 - 2024-05-20

    1.0.1

    Bug fixes

    • Fix #3755: .select colors
    • Fix #3736: include helpers in "No Dark Mode" version
    • Fix #3744: build non-minified versions
    • Fix #3747: ability to nest fixed grids
    • Fix #3759: remove unused .skeleton class
    • Fix #3786: fix horizontal padding of rounded buttons

    Documentation fixes

    • Fix #3725
    • Fix #3720
    • Update online documentation link in README
    • Update migrating-to-v1.html
    • Fix #3735
    • Fix #3729: explain how to use Bulma in a modular way
    • Fix #3785: make use of the @ prefers-reduced-motion setting
    • Fix #3758: broken links for 0.9.4 version
    • Fix #3760: fix form controls typo

    Improvements

    • Fix #3737: Move sass to devDependencies
  • 1.0.0 - 2024-03-21

    Bulma v1 is a full rewrite of the framework using Dart Sass, which is the the primary implementation of Sass. While this affects a few development details, everything has been done to make the transition as easy as possible.

    What remains the same

    All HTML snippets are the same. This means you don't need to update your markup. This is important because it means, if you're using Bulma straight "out of the box", you don't need to change anything.

    You can just swap [email protected]/css/bulma.min.css with [email protected]/css/bulma.min.css and everything will work. Things will look slightly different, but they will still work.

    What changes

    • Dart Sass is used to build Bulma
      • if you use the sass npm package, you're already using Dart Sass
    • CSS Variables are used instead of literals: color: var(--bulma-primary); instead of color: hsl(171deg, 100%, 41%);, which means you can customize Bulma with CSS only (without using Sass)
    • Customization by setting your own value for Sass variables works differently. See how to customize Bulma with Sass.

    What's new (i.e. did not exist before)

    • The notion of Themes is introduced: a theme is a collection of CSS variables within a context, and is the best approach to customize Bulma
    • As a result, a Theme for Dark Mode is included
    • Color Palettes are created for each of the 7 primary colors
    • Skeleton loaders exist as standalone components but also as variants of other components
    • You can add a prefix to all your Bulma classes so that .button becomes .my-prefix-button
  • 0.9.4 - 2022-05-08

    New features

    • Responsive buttons: the size of a button will change for each breakpoint (Fix #1572)
    • @ mixin between: takes 2 breakpoint values, outputs a media query for the range between these 2 values
    • $breakpoints Sass map: a map of named breakpoints and their type (from, until or both)
    • @ mixin breakpoint: uses the new $breakpoints Sass map to output a media query

    Improvements

    • Add missing variables for content customization
    • Fix #683 Modal - example javascript toggle
    • Fix #3461 Bulma logo with wordmark in SVG
    • Fix #3383 'Variables' sections on docs page (#3513)
    • Fixes #3510 The navbar overlaps with sidebars in "Fullheight hero with navbar" (#3516)
    • Setup Cypress testing (#3436)

    Bugfix

    • Replace disabled attr on pagination anchor elements with is-disabled
    • #3500 Fix hidden disabled buttons on iOS 15.4 (#3521)
    • #3076 Fix Table headers centered aligned in Safari
from bulma GitHub release notes

Important

  • Warning: This PR contains a major version upgrade, and may be a breaking change.
  • Check the changes in this PR to ensure they won't cause issues with your project.
  • This PR was automatically created by Snyk using the credentials of a real user.

Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

For more information:

Snyk has created this PR to upgrade bulma from 0.9.4 to 1.0.2.

See this package in npm:
bulma

See this project in Snyk:
https://app.snyk.io/org/totto/project/4222d72f-d629-463f-b378-0e49bd6f01c9?utm_source=github&utm_medium=referral&page=upgrade-pr
@totto totto closed this Oct 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment