[Snyk] Upgrade bootstrap from 5.2.3 to 5.3.3 #1
Conversation
Snyk has created this PR to upgrade bootstrap from 5.2.3 to 5.3.3. See this package in npm: bootstrap See this project in Snyk: https://app.snyk.io/org/zeroxclem/project/c1b8889b-63ac-4c6a-af8c-2a2b1e9e19bb?utm_source=github&utm_medium=referral&page=upgrade-pr
Review or Edit in CodeSandboxOpen the branch in Web Editor • VS Code • Insiders |
|
Important Review skippedIgnore keyword(s) in the title. Please check the settings in the CodeRabbit UI or the You can disable this status message by setting the Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media? TipsChatThere are 3 ways to chat with CodeRabbit:
Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (invoked as PR comments)
Additionally, you can add CodeRabbit Configuration File (
|
Snyk has created this PR to upgrade bootstrap from 5.2.3 to 5.3.3.
ℹ️ 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.
The recommended version is 7 versions ahead of your current version.
The recommended version was released on 6 months ago.
Release notes
Package name: bootstrap
Highlights
variables-dark.scsswhen building Bootstrap with Sass. Now,_variables.scsswill automatically import_variables-dark.scss. If you were already importing_variables-dark.scssmanually, you should keep doing it as it won't break anything and will be the way to go in v6.Color modes
.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).color-modes.jsscript 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.color-scheme()only acceptlightanddarkvalues as parameters.Miscellaneous
<dl>,<dt>and<dd>in the sanitizer.🎨 CSS
--bs-accordion-btn-focus-border-colorand deprecate$accordion-button-focus-border-color☕️ JavaScript
color-mode.jsdl,dtandddin sanitizer📖 Docs
.text-bg-{color}for all badgesgetOrCreateInstance()doc example.table-lightfrom table foot exampledispose()to Offcanvas methodsshift-color()usage example in sass customization page.card-img-*description.theme-iconclass🛠 Examples
🏭 Tests
🧰 Misc
📦 Dependencies
Highlights
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 thedivide()function. Thedivide()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.ids in a collapse target wasn't working anymore and has been fixed.Color modes
<mark>color customization for color modes.Docs
🎨 CSS
box-shadowCSS variables shadow utilities$btn-link-focus-shadow-rgbto allow customization<mark>dark mode bg color☕️ JavaScript
ids calls📖 Docs
detailselement.left-and.right-utilities from migration guide🛠 Examples
🌎 Accessibility
🧰 Misc
📦 Dependencies
Highlights
$gray-500with$gray-300for the body color.nav-links, providing.disabledand:disabledfor use with anchors and buttonsHomeandEndkeys for navigating tabs by keyboard.text-bg-*utilities now use CSS variables$navbar-dark-icon-colorSass variable$alertSass variables$vr-border-widthto customize the vertical rule helper width🎨 CSS
.text-bg-*helpers now use theme CSS variables$navbar-dark-icon-color$alert-*-scaleSass vars☕️ JavaScript
HomeandEndkeys in tabs📖 Docs
noopenerrel to footer external linksaria-disabled='true'to disabled anchorsaria-describedby.d-noneinstead of inline stylingclearfix🛠 Examples
🌎 Accessibility
HomeandEndkeys in tabsaria-disabled='true'to disabled anchors🧰 Misc
color-modes.jstobootstrap-x.y.z-examples.zip📦 Dependencies
Release v5.3.0 (#38657)
* Bump version to 5.3.0
* Dist
calc()functions.--bs-border-radiusvariables across more components..d-inline-gridutility class..tooltip-innerplacement when using variations infallbackPlacements.$color-mode-type: media-query.background-colorto help with multiple lines of text intextareas. This also fixes the colors when form elements are disabled in floating forms.Full Changelog: v5.3.0-alpha2...v5.3.0-alpha3
🚀 Features
.nav-underlinemodifier class🎨 CSS
.nav-underlinemodifier class