Update dependency bootstrap to v5 #11
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
![renovate[bot]](https://avatars.githubusercontent.com/in/2740?s=60&v=4){kind=small}
renovate
bot
force-pushed
the
renovate/bootstrap-5.x
branch
from
57f6dbb to
4c04812
Compare
renovate
bot
force-pushed
the
renovate/bootstrap-5.x
branch
from
4c04812 to
739aea2
Compare
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR contains the following updates:
^4.3.1->^5.0.0Release Notes
twbs/bootstrap (bootstrap)
v5.3.3Compare Source
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
v5.3.2Compare Source
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
v5.3.1Compare Source
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
v5.3.0Compare Source
v5.2.3Compare Source
Fixes
🎨 CSS
translate()direction☕️ JavaScript
v5.2.2Compare Source
Highlights
.btn:hoverfrom v5.2.1. We now explicitly target.btn-checkstyles instead.dataattribute (will be removed again in v6)<h1>for all.modal-titleinstances in our docs$border-colorintable-variant()mixintab.show().activeclass toggling of tabs within dropdownsz-indexon.toast-containeras opposed to individual.toasts that don't receive any other positioningtitleattribute on dynamically created elements🎨 CSS
.btn-checkand undo:hover$border-colorintable-variantmixin☕️ JavaScript
📖 Docs
<h1>for allmodal-titleexamples/usesview in GitHublinks insidemain🌎 Accessibility
<h1>for allmodal-titleexamples/uses🏭 Tests
🧰 Misc
📦 Dependencies
v5.2.1Compare Source
🚀 Highlights
colorvalue to use the$accordion-button-colorSass variable instead of our color contrast functiontransparentdefault hover border color CSS variable for buttons to fix a visual regression.btn-linkno longer has a gradient when$enable-gradientsis set totruez-indexvalues to ensure proper rendering of validated form fieldstext-alignto ensure consistent stylingborder-radiuslist-group-itemselectors to better support nested imports of Bootstrap's CSSborder-radiusvalues inside pagination componentsselector, dynamic content, and disposed tooltips usingtitle🚀 Features
🎨 CSS
outlinefor docs code samples, buttons when:not(:focus-visible)$popover-header-color.text-centerz-indexCSS variables..btn-link☕️ JavaScript
📖 Docs
.form-checkbox->.form-check🛠 Examples
examples/featurespage.🌎 Accessibility
outlinefor docs code samples, buttons when:not(:focus-visible)📦 Dependencies
v5.2.0Compare Source
🚀 Highlights
smooth-scrollbehavior🚀 Features
smooth-scrollbehavior🎨 CSS
.form-control-colorsizing and styles.showingbtn-linkcustom-property-empty-line-before.table-group-dividerborder.dropdown-itemborder-radiuswhen$dropdown-padding-yis0readonlyinputs asdisabled--bs-headings-colorCSS variable due to backward compatibility issuesdb61cf3for$text-muteddefault value.navbar-nav--bs-btn-disabled-border-colorinbutton-outline-variantmixin$display-font-familyand$display-font-style☕️ JavaScript
smooth-scrollbehavior.showfrom panels dependent-less on the existence of.fadeclass📖 Docs
.is-invalidfrom textarea validation exampleinterval=falsefrom docs & testsdata-bs-titleinstead oftitletype="button"to Bootstrap versions dropdown🛠 Examples
🌎 Accessibility
type="button"to Bootstrap versions dropdown🏭 Tests
spyOnusage🧰 Misc
📦 Dependencies
v5.1.3Compare Source
Fixes
🎨 CSS
align-self: centerto buttons for improved rendering in flex containers"v5.1.2Compare Source
Highlights
calc()functions that use negative numbers. This should restore the ability to import and compile Bootstrap's Sass increate-react-app.border-radiussizes to small and large.form-selectsalign-self: centerto buttons for improved rendering in flex containerssmsin theSAFE_URL_PATTERN.img-fluidrole="switch"to our form switches in our docsChanges
🎨 CSS
align-self: centerto buttons for improved rendering in flex containersborder-radiussizes to small and large.form-selects☕️ JavaScript
smsin theSAFE_URL_PATTERN📖 Docs
role="switch"to switches.img-fluidin docscontents.md🛠 Examples
role="switch"to switches🧰 Misc
generatedCode: 'es2015'📦 Dependencies
v5.1.1Compare Source
Highlights
🎨 CSS
rgba-css-varfunction for body or bg$dropdown-link-hover-colorvariable color value in _variable.scss file☕️ JavaScript
bs-toggle, to hide other open instancesConfiguration
📅 Schedule: Branch creation - "* 0-3 * * 1" (UTC), 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.
This PR was generated by Mend Renovate. View the repository job log.