fix(deps): update dependency bootstrap to v5 #2171
Closed
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:
^3.4.1
->^5.0.0
Release Notes
twbs/bootstrap
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
.bg-*
and.text-*
utilities to use CSS variables and new RGB CSS variables for real-time customization.col-*
classes to override.row-cols-*
classes for now until we can fix some critical bugsπ Features
data-dismiss
so that it can be outside of a modal usingbs-target
.hstack
,.vstack
, and.vr
getInstance
methodπ¨ CSS
.hstack
,.vstack
, and.vr
add()
andsubtract()
$card-box-shadow
variable$accordion-icon-color
default value consistent with the$accordion-button-color
.row-cols
"$input-bg
to use$body-bg
βοΈ JavaScript
data-dismiss
so that it can be outside of a modal usingbs-target
Manipulator.offset()
display:none
by defaultswitch
statement instead ofif
getInstance
methodSelector.findOne()
dependencyUtil.reflow
function and add documentationπ Docs
hr
in v5_root.scss
being requiredmedia-breakpoint-down
breakpointsπ Examples
.text-white-50
CSS rule from Offcanvas Exampleπ Accessibility
π§ Utility API
π§° Misc
aggregate-output
actions/setup-node
'scache
optionπ¦ Dependencies
v5.0.2
Compare Source
π Features
π¨ CSS
.row-cols
.form-select
add()
&subtract()
--bs-table-bg
and--bs-table-accent-bg
.dropdown-menu-*
line-height
for floating labels<ul><li>
/
division with multiplication and customdivide()
functiondivide()
function and RFSβοΈ JavaScript
getOrCreateInstance
method in base-componentdispose
/hide
methods usage throughjQueryIntreface
getNextActiveElement
helper functiondata-dismiss="modal"
is setisVisible
false positives from deep nesting or alternate meanselement.parentNode.removeChild(element)
toelement.remove()
DOMContentLoaded
event listener inonDOMContentLoaded
π Docs
querySelectorAll
BlinkMacSystemFont
in docs<ul><li>
sass:math
module callπ Examples
setActiveItem()
π Accessibility
π§ Utility API
π Tests
π§° Misc
π¦ Dependencies
v5.0.1
Compare Source
π¨ CSS
.modal-open
to affect the<body>
scroll.input-group
shouldn't be behind sibling elementaccent-bg
from leaking in nested table$list-group-color
in loop:read-only
selector back to[readonly]
βοΈ JavaScript
config
property to start with underscoretransitionend
listener callbacks into one methodDATA_KEY
&EVENT_KEY
to base-componentrootElement
not initialized in Modalπ Docs
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 has been generated by Mend Renovate. View repository job log here.