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

fix(deps): update dependency bootstrap to v5 #57

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

renovate[bot]
Copy link
Contributor

@renovate renovate bot commented Jul 23, 2021

Mend Renovate

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
bootstrap (source) 4.6.2 -> 5.3.3 age adoption passing confidence

Release Notes

twbs/bootstrap (bootstrap)

v5.3.3

Compare Source

Highlights

  • Fixed a breaking change introduced with color modes where it was required to manually import variables-dark.scss when building Bootstrap with Sass. Now, _variables.scss will automatically import _variables-dark.scss. If you were already importing _variables-dark.scss manually, you should keep doing it as it won't break anything and will be the way to go in v6.
  • Fixed a regression in the selector engine that wasn't able to handle multiple IDs anymore.

Color modes

  • Badges now use the .text-bg-* text utilities to be certain that the text is always readable (especially when the customized colors are different in light and dark modes).
  • Fixed our color-modes.js script to handle the case where the OS is set to light mode and the auto color mode is used on the website. If you copied the script from our docs, you should apply this change to your own script.
  • Fixed color schemes description in the color modes documentation to show that color-scheme() only accept light and dark values as parameters.

Miscellaneous

  • Allowed <dl>, <dt> and <dd> in the sanitizer.
  • Dropped evenly items distribution for modal and offcanvas headers.
  • Fixed the accordion CSS selectors to avoid inheritance issues when nesting accordions.
  • Fixed the focus box-shadow for the validation stated form controls.
  • Fixed the focus ring on focused checked buttons.
  • Fixed the product example mobile navbar toggler.
  • Changed the RTL processing of carousel control icons.

๐ŸŽจ CSS

โ˜•๏ธ JavaScript

๐Ÿ“– Docs

๐Ÿ›  Examples

  • #โ€‹39657: Fix product example mobile navbar toggler
  • #โ€‹39585: Docs: Add missing type="button" to Cheatsheet nav buttons

๐Ÿญ Tests

๐Ÿงฐ Misc

๐Ÿ“ฆ Dependencies

v5.3.2

Compare Source

Highlights

  • Passing a percentage unit to the global abs() is deprecated since Dart Sass v1.65.0. It resulted in a deprecation warning when compiling Bootstrap with Dart Sass. This has been fixed internally by changing the values passed to the divide() function. The divide() function has not been fixed itself so that we can keep supporting node-sass cross-compatibility. In v6, this won't be an issue as we plan to drop support for node-sass.
  • Using multiple ids in a collapse target wasn't working anymore and has been fixed.

Color modes

  • Increased color contrast of form range track background in light and dark modes.
  • Fixed table state rendering for color modes with a focus on the striped table in dark mode to increase color contrast.
  • Allow <mark> color customization for color modes.

Docs


๐ŸŽจ CSS

  • #โ€‹38816: Use box-shadow CSS variables shadow utilities
  • #โ€‹38955: Fix radios looking like ellipse on responsive mode
  • #โ€‹38976: Use box-shadow CSS vars instead of Sass vars in assets and variables
  • #โ€‹39030: Fix dart-sass deprecation warning
  • #โ€‹39033: Color mode: fix table state rendering
  • #โ€‹39095: Make form range track background more contrasted
  • #โ€‹39119: New Sass var $btn-link-focus-shadow-rgb to allow customization
  • #โ€‹39141: New Sass variable to handle <mark> dark mode bg color

โ˜•๏ธ JavaScript

๐Ÿ“– Docs

  • #โ€‹38873: Discord reddit bootstrap
  • #โ€‹38970: docs: add BootstrapVueNext to docs
  • #โ€‹38977: Docs: Add missing form elements in focusable elements
  • #โ€‹38978: Docs: Fix popover template role error
  • #โ€‹38995: introduction: drop details element
  • #โ€‹39037: Further improve image compression with oxipng and the latest jpegoptim
  • #โ€‹39054: Docs: Remove incorrect mention of .left- and .right- utilities from migration guide
  • #โ€‹39060: Migration: add back v5.0.0 heading
  • #โ€‹39145: Docs: add warning callout to add a workaround when jsDelivr is not available
  • #โ€‹39177: Fix: make theme selector tick icon visible when active in examples layout
  • #โ€‹39179: download: Reword CDN paragraph

๐Ÿ›  Examples

๐ŸŒŽ Accessibility

๐Ÿงฐ Misc

๐Ÿ“ฆ Dependencies

v5.3.1

Compare Source

Highlights

  • Color modes:
    • Increased color contrast for dark mode by replacing $gray-500 with $gray-300 for the body color
    • Added our color mode switcher JavaScript to our examples ZIP download
  • Components:
    • Improved disabled styling for all .nav-links, providing .disabled and :disabled for use with anchors and buttons
    • Add support for Home and End keys for navigating tabs by keyboard
    • Added some basic styling to toggle buttons when no modifier class is present
    • Fixed carousel colors in dark mode
  • Forms:
    • Fixed floating label disabled text color
  • Utilities:
    • .text-bg-* utilities now use CSS variables
  • Sass:
    • Add new $navbar-dark-icon-color Sass variable
    • Removed duplicate $alert Sass variables
    • Added a new variable for $vr-border-width to customize the vertical rule helper width
  • Documentation:
    • Added search to our homepage
    • Improved responsive behavior on Dashboard example
    • Improved dark mode rendering of Cheatsheet examples

๐ŸŽจ CSS

โ˜•๏ธ JavaScript

๐Ÿ“– Docs

๐Ÿ›  Examples

๐ŸŒŽ Accessibility

๐Ÿงฐ Misc

  • #โ€‹38747: Add color-modes.js to bootstrap-x.y.z-examples.zip

๐Ÿ“ฆ Dependencies

v5.3.0

Compare Source

v5.2.3

Compare Source

Fixes

๐ŸŽจ CSS
โ˜•๏ธ JavaScript

v5.2.2

Compare Source

Highlights

  • Accordion
    • Use Sass variable for the accordion color instead of an invalid CSS variable
  • Buttons
    • Undo changes to .btn:hover from v5.2.1. We now explicitly target .btn-check styles instead.
  • Dropdowns
    • Restore the ability for dropdowns to work without an explicit data attribute (will be removed again in v6)
  • Modals
    • Improve modal event listeners
    • Use <h1> for all .modal-title instances in our docs
  • Tables
    • Don't redefine $border-color in table-variant() mixin
  • Tabs
    • Tabs no longer autofocus and cause pages to jump on tab.show()
    • Fix .active class toggling of tabs within dropdowns
  • Toasts
    • Properly set toast z-index on .toast-container as opposed to individual .toasts that don't receive any other positioning
  • Tooltips
    • Fix tooltip selectors with title attribute on dynamically created elements

๐ŸŽจ CSS

โ˜•๏ธ JavaScript

๐Ÿ“– Docs

๐ŸŒŽ Accessibility

๐Ÿญ Tests

๐Ÿงฐ Misc

๐Ÿ“ฆ Dependencies

v5.2.1

Compare Source

๐Ÿš€ Highlights

  • Accordion
    • Update color value to use the $accordion-button-color Sass variable instead of our color contrast function
  • Buttons
    • Added a transparent default hover border color CSS variable for buttons to fix a visual regression
    • .btn-link no longer has a gradient when $enable-gradients is set to true
  • Forms
    • Input groups have updated z-index values to ensure proper rendering of validated form fields
    • Floating labels now reset their text-align to ensure consistent styling
  • List Groups
    • Horizontal list groups with only one child now render the correct border-radius
    • Modified the list-group-item selectors to better support nested imports of Bootstrap's CSS
  • Modals
    • Fixed modal event listeners during dismiss click, allowing you to once again click scrollbars without dismissing the modal
  • Pagination
    • Fixed incorrect border-radius values inside pagination components
  • Scrollspy
    • Scrollspy threshold option is now configurable
  • Tooltips
    • Reverted some tooltip plugin updates to prevent issues with selector, dynamic content, and disposed tooltips using title

๐Ÿš€ Features

  • #โ€‹36750: ScrollSpy: make the threshold option configurable

๐ŸŽจ CSS

โ˜•๏ธ JavaScript

๐Ÿ“– Docs

๐Ÿ›  Examples

๐ŸŒŽ Accessibility

  • #โ€‹36507: v5/docs: reintroduce outline for docs code samples, buttons when :not(:focus-visible)
  • #โ€‹36829: Docs: correct heading levels in features example
  • #โ€‹37026: Rework button focus/active styling, with extra changes for checks/radios

๐Ÿ“ฆ Dependencies

v5.2.0

Compare Source

๐Ÿš€ Highlights

๐Ÿš€ Features

๐ŸŽจ CSS

โ˜•๏ธ JavaScript

๐Ÿ“– Docs

๐Ÿ›  Examples

๐ŸŒŽ Accessibility

  • #โ€‹36487: Remove confusing unnecessary id/aria-labelledby for dropdown menus
  • #โ€‹36488: Docs: fix some ARIA Authoring Practices Guides broken links
  • #โ€‹36588: Handle non-empty whitespace textContent in Tooltip trigger
  • #โ€‹36696: add type="button" to Bootstrap versions dropdown
  • #โ€‹36717: Offcanvas: activate focustrap when backdrop is enabled
  • #โ€‹36732: Add accNames to all progress bar examples

๐Ÿญ Tests

๐Ÿงฐ Misc

  • #โ€‹36548: Update Code of Conduct with Contributor Covenant 2.1
  • #โ€‹36624: Use 'needs-example' label to trigger live demo bot message
  • #โ€‹36700: Replace JS Bin refs by CodePen or StackBlitz references

๐Ÿ“ฆ Dependencies

v5.1.3

Compare Source

Fixes

๐ŸŽจ CSS
  • #โ€‹35143: Revert "Add align-self: center to buttons for improved rendering in flex containers"

v5.1.2

Compare Source

Highlights

  • Temporarily patched a postcss-values-parser issue by rearranging our calc() functions that use negative numbers. This should restore the ability to import and compile Bootstrap's Sass in create-react-app.
  • Added border-radius sizes to small and large .form-selects
  • Added align-self: center to buttons for improved rendering in flex containers
  • Fixed Collapse regression that prevented toggling between sibling children
  • Updated JS Sanitizer to add sms in the SAFE_URL_PATTERN
  • Improved docs around .img-fluid
  • Added role="switch" to our form switches in our docs
  • Implemented GitHub Issue forms to replace our previous issue templates.

Changes

๐ŸŽจ CSS
  • #โ€‹34799: fix custom property values of row overrides individual cell
  • #โ€‹34834: Add align-self: center to buttons for improved rendering in flex containers
  • #โ€‹34853: Add border-radius sizes to small and large .form-selects
  • #โ€‹34861: Separator for table direct children
  • #โ€‹35017: Use Sass variable instead of RGB components
  • #โ€‹35033: Add workaround for dart sass compile error
โ˜•๏ธ JavaScript
๐Ÿ“– Docs
๐Ÿ›  Examples
๐Ÿงฐ Misc
๐Ÿ“ฆ Dependencies

v5.1.1

Compare Source

Highlights

๐ŸŽจ CSS

โ˜•๏ธ JavaScript

  • #โ€‹34621: carousel: move common checks to a function
  • #โ€‹34701: Fix modal when is triggered by bs-toggle, to hide other open instances
  • #โ€‹34835: Collapse on toggle, should not hide descendant tabpanels
  • #โ€‹34842: Fix tooltip data-bs-original-title issue

๐Ÿ“– Docs

๐Ÿ›  Examples

  • #โ€‹34766: dashboard-rtl: use the same scripts as the dashboard example

๐ŸŒŽ Accessibility

๐Ÿญ Tests

๐Ÿ“ฆ Dependencies

v5.1.0

Compare Source

Highlights

  • Added experimental, opt-in CSS Grid support
  • Added support for responsive offcanvas components in navbars
  • Added new placeholders

Configuration

๐Ÿ“… Schedule: Branch creation - "before 4am on the first day of the month" in timezone Europe/Paris, Automerge - At any time (no schedule defined).

๐Ÿšฆ Automerge: Disabled by config. Please merge this manually once you are satisfied.

โ™ป Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

๐Ÿ”• Ignore: Close this PR and you won't be reminded about this update again.


  • If you want to rebase/retry this PR, check this box

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

@codecov-commenter
Copy link

codecov-commenter commented Sep 7, 2021

Codecov Report

All modified and coverable lines are covered by tests โœ…

Comparison is base (bbe1a61) 84.37% compared to head (d54c818) 84.37%.
Report is 1 commits behind head on master.

โ— Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files
@@           Coverage Diff           @@
##           master      #57   +/-   ##
=======================================
  Coverage   84.37%   84.37%           
=======================================
  Files           3        3           
  Lines          32       32           
  Branches        6        6           
=======================================
  Hits           27       27           
  Misses          4        4           
  Partials        1        1           

โ˜” View full report in Codecov by Sentry.
๐Ÿ“ข Have feedback on the report? Share it here.

@socket-security
Copy link

socket-security bot commented May 16, 2023

๐Ÿ‘ Dependency issues cleared. Learn more about Socket for GitHub โ†—๏ธŽ

This PR previously contained dependency changes with security issues that have been resolved, removed, or ignored.

View full reportโ†—๏ธŽ

@socket-security
Copy link

socket-security bot commented Jul 26, 2023

New and removed dependencies detected. Learn more about Socket for GitHub โ†—๏ธŽ

Package New capabilities Transitives Size Publisher
npm/bootstrap@5.3.3 None +1 1.46 MB

๐Ÿšฎ Removed packages: npm/bootstrap@4.6.2

View full reportโ†—๏ธŽ

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant