Update dependency bootstrap to v5 - autoclosed #49
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.6.2
->5.3.3
Release Notes
twbs/bootstrap (bootstrap)
v5.3.3
Compare Source
Highlights
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.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.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.color-scheme()
only acceptlight
anddark
values as parameters.Miscellaneous
<dl>
,<dt>
and<dd>
in the sanitizer.🎨 CSS
--bs-accordion-btn-focus-border-color
and deprecate$accordion-button-focus-border-color
☕️ JavaScript
color-mode.js
dl
,dt
anddd
in sanitizer📖 Docs
.text-bg-{color}
for all badgesgetOrCreateInstance()
doc example.table-light
from table foot exampledispose()
to Offcanvas methodsshift-color()
usage example in sass customization page.card-img-*
description.theme-icon
class🛠 Examples
🏭 Tests
🧰 Misc
📦 Dependencies
v5.3.2
Compare 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.id
s in a collapse target wasn't working anymore and has been fixed.Color modes
<mark>
color customization for color modes.Docs
🎨 CSS
box-shadow
CSS variables shadow utilities$btn-link-focus-shadow-rgb
to allow customization<mark>
dark mode bg color☕️ JavaScript
id
s calls📖 Docs
details
element.left-
and.right-
utilities from migration guide🛠 Examples
🌎 Accessibility
🧰 Misc
📦 Dependencies
v5.3.1
Compare Source
Highlights
$gray-500
with$gray-300
for the body color.nav-link
s, providing.disabled
and:disabled
for use with anchors and buttonsHome
andEnd
keys for navigating tabs by keyboard.text-bg-*
utilities now use CSS variables$navbar-dark-icon-color
Sass variable$alert
Sass variables$vr-border-width
to customize the vertical rule helper width🎨 CSS
.text-bg-*
helpers now use theme CSS variables$navbar-dark-icon-color
$alert-*-scale
Sass vars☕️ JavaScript
Home
andEnd
keys in tabs📖 Docs
noopener
rel to footer external linksaria-disabled='true'
to disabled anchorsaria-describedby
.d-none
instead of inline stylingclearfix
🛠 Examples
🌎 Accessibility
Home
andEnd
keys in tabsaria-disabled='true'
to disabled anchors🧰 Misc
color-modes.js
tobootstrap-x.y.z-examples.zip
📦 Dependencies
v5.3.0
Compare Source
v5.2.3
Compare Source
Fixes
🎨 CSS
translate()
direction☕️ JavaScript
v5.2.2
Compare Source
Highlights
.btn:hover
from v5.2.1. We now explicitly target.btn-check
styles instead.data
attribute (will be removed again in v6)<h1>
for all.modal-title
instances in our docs$border-color
intable-variant()
mixintab.show()
.active
class toggling of tabs within dropdownsz-index
on.toast-container
as opposed to individual.toast
s that don't receive any other positioningtitle
attribute on dynamically created elements🎨 CSS
.btn-check
and undo:hover
$border-color
intable-variant
mixin☕️ JavaScript
📖 Docs
<h1>
for allmodal-title
examples/usesview in GitHub
links insidemain
🌎 Accessibility
<h1>
for allmodal-title
examples/uses🏭 Tests
🧰 Misc
📦 Dependencies
v5.2.1
Compare Source
🚀 Highlights
color
value to use the$accordion-button-color
Sass variable instead of our color contrast functiontransparent
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 totrue
z-index
values to ensure proper rendering of validated form fieldstext-align
to ensure consistent stylingborder-radius
list-group-item
selectors to better support nested imports of Bootstrap's CSSborder-radius
values inside pagination componentsselector
, dynamic content, and disposed tooltips usingtitle
🚀 Features
🎨 CSS
outline
for docs code samples, buttons when:not(:focus-visible)
$popover-header-color
.text-center
z-index
CSS variables..btn-link
☕️ JavaScript
📖 Docs
.form-checkbox
->.form-check
🛠 Examples
examples/features
page.🌎 Accessibility
outline
for docs code samples, buttons when:not(:focus-visible)
📦 Dependencies
v5.2.0
Compare Source
🚀 Highlights
smooth-scroll
behavior🚀 Features
smooth-scroll
behavior🎨 CSS
.form-control-color
sizing and styles.showing
btn-link
custom-property-empty-line-before
.table-group-divider
border.dropdown-item
border-radius
when$dropdown-padding-y
is0
readonly
inputs asdisabled
--bs-headings-color
CSS variable due to backward compatibility issuesdb61cf3
for$text-muted
default value.navbar-nav
--bs-btn-disabled-border-color
inbutton-outline-variant
mixin$display-font-family
and$display-font-style
☕️ JavaScript
smooth-scroll
behavior.show
from panels dependent-less on the existence of.fade
class📖 Docs
.is-invalid
from textarea validation exampleinterval=false
from docs & testsdata-bs-title
instead oftitle
type="button"
to Bootstrap versions dropdown🛠 Examples
🌎 Accessibility
type="button"
to Bootstrap versions dropdown🏭 Tests
spyOn
usage🧰 Misc
📦 Dependencies
v5.1.3
Compare Source
Fixes
🎨 CSS
align-self: center
to buttons for improved rendering in flex containers"v5.1.2
Compare Source
Highlights
calc()
functions that use negative numbers. This should restore the ability to import and compile Bootstrap's Sass increate-react-app
.border-radius
sizes to small and large.form-select
salign-self: center
to buttons for improved rendering in flex containerssms
in theSAFE_URL_PATTERN
.img-fluid
role="switch"
to our form switches in our docsChanges
🎨 CSS
align-self: center
to buttons for improved rendering in flex containersborder-radius
sizes to small and large.form-select
s☕️ JavaScript
sms
in theSAFE_URL_PATTERN
📖 Docs
role="switch"
to switches.img-fluid
in docscontents.md
🛠 Examples
role="switch"
to switches🧰 Misc
generatedCode: 'es2015'
📦 Dependencies
v5.1.1
Compare Source
Highlights
🎨 CSS
rgba-css-var
function for body or bg$dropdown-link-hover-color
variable color value in _variable.scss file☕️ JavaScript
bs-toggle
, to hide other open instancesdata-bs-original-title
issue📖 Docs
data-bs-original-title
issue$enable-smooth-scroll
to Sass options page.hstack
example and placeholder 'How it works' example.Site.Params.docs_version
variable🛠 Examples
🌎 Accessibility
🏭 Tests
📦 Dependencies
v5.1.0
Compare Source
Highlights
Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), 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.