-
Notifications
You must be signed in to change notification settings - Fork 1
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
Update dependency bootstrap from v4.6.2 to v5 #108
Conversation
268d7a4
to
833a5e2
Compare
833a5e2
to
875ae8e
Compare
875ae8e
to
504c1db
Compare
504c1db
to
7f88746
Compare
Visit the preview URL for this PR (updated for commit 37f8a9b): https://deviation-messages-dev--pr108-renovate-bootstrap-5-mgevdtwb.web.app (expires Wed, 10 Jan 2024 15:01:31 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: f7809db1726eda5873c33bb79fda932b2639b54b |
402e42a
to
5c08673
Compare
Kudos, SonarCloud Quality Gate passed! |
5c08673
to
4c6a518
Compare
4c6a518
to
bbc049d
Compare
Kudos, SonarCloud Quality Gate passed! |
bbc049d
to
8b5ae34
Compare
8b5ae34
to
b347cfa
Compare
b347cfa
to
a31f073
Compare
a31f073
to
37f8a9b
Compare
Quality Gate passedKudos, no new issues were introduced! 0 New issues |
This PR contains the following updates:
4.6.2
->5.3.2
Release Notes
twbs/bootstrap (bootstrap)
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
.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 requiredConfiguration
📅 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.