Bump bootstrap from 3.4.1 to 5.3.7 #12
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.
Rebasing might not happen immediately, so don't worry if this takes some time.
Note: if you make any changes to this PR yourself, they will take precedence over the rebase.
Updated bootstrap from 3.4.1 to 5.3.7.
Release notes
Sourced from bootstrap's releases.
5.3.7
📚 Documentation
<head>content generated by the "Download examples" buttonintegrityandcrossoriginattributes in introduction pageplaceholderusage description🎨 Sass
'none'values in thebox-shadowSass mixin for cleaner output🤖 JavaScript
trigger: "hover click"configuration🤝 Contributions
5.3.6
Highlights
.visually-hiddenoverflowing children to become focusable.card-groupselectors to immediate children to fix some inheritance issuesChanges
npm installandnpm run distin CONTRIBUTING.md by @mdo in Mentionnpm installandnpm run distin CONTRIBUTING.md twbs/bootstrap#41340.card-groupto immediate children to fixborder-radiusbug by @mscdex in Limit selectors in.card-groupto immediate children to fixborder-radiusbug twbs/bootstrap#41298devDependenciesby @julien-deramond in UpdatedevDependenciestwbs/bootstrap#41383image-sizefrom 1.0.2 to 2.0.2 by @julien-deramond in Bumpimage-sizefrom 1.0.2 to 2.0.2 twbs/bootstrap#41384.mdand.mdxfiles. by @Jason3S in chore: Spell check.mdand.mdxfiles. twbs/bootstrap#41398filesconfiguration from.cspell.jsonby @julien-deramond in Removefilesconfiguration from.cspell.jsontwbs/bootstrap#41400// Privatecomment and method by @MohamadSalman11 in Removed line break between// Privatecomment and method twbs/bootstrap#41218New Contributors
.card-groupto immediate children to fixborder-radiusbug twbs/bootstrap#41298... (truncated)
5.3.5
Hot fix for a regression from upstream in Autoprefixer.
What's Changed
Full Changelog: twbs/bootstrap@v5.3.4...v5.3.5
5.3.4
Changes
🚀 Features
util.jsin migration guide<article>element for example cards.gridwhere it shouldn't be used.order-*classes in 'Layout > Columns'.justify-content-startclass in homepage.bi-exclamation-triangle-fillclassborder-radiusrule🎨 CSS
max-widthandbackground-colorbtn-group-verticalby using same rules asbtn-groupborder-radiusrule☕️ JavaScript
... (truncated)
5.3.3
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 badges... (truncated)
5.3.2
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... (truncated)
5.3.1
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 links... (truncated)
5.3.0
5.3.0-alpha3
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: twbs/bootstrap@v5.3.0-alpha2...v5.3.0-alpha3
5.3.0-alpha2
🚀 Features
.nav-underlinemodifier class🎨 CSS
.nav-underlinemodifier class--bs-body-font-family. Keep quotes in the font stack.position: absolutefor captions$prefixto the whole assets--bs-form-check-bgdefinition$color-mode-typeis set tomedia-querycolor-schemeto dark root selectorproperty-blacklisttoproperty-disallowed-list--bs-emphasis-colorset valuescss/_maps.scss.highlight-toolbardef--bs-highlight-bginscss/_root.scss.btn-clipboardand.btn-editlink hover color.bg-body-emphasis.link-body-emphasishelper_variables.scss--bs-body-bg-rgbdeclaration + reorder props$input-border-colorvariable.form-controlin dark mode... (truncated)
5.3.0-alpha1
🚀 Highlights
getSelector()to handle weird IDs (#35565)🚀 Features
border-radiusutilitiesfont-weight-medium(500) /fw-mediumz-indexutilities,.z-*🎨 CSS
.alert-link.btn-closeborder-radiusutilitiesfont-weight-medium(500) /fw-medium$enable-important-utilitiescondition in colored linksz-indexutilities,.z-*--bs-border-widthfor some componentsborder-widthon inputgroup and buttongroup--bs-body-font-family; keep quotes in the font stack$prefixto the whole assets--bs-form-check-bgdefinitionlist-group-border-widthvariables$color-mode-typeis set tomedia-query☕️ JavaScript
getElementFromSelector&getSelectorFromElementexecutefunction, being able to handle argumentsgetSelectornot to be exportedreplaceAllusage introduced in #35566Object.entriesin more places... (truncated)
5.2.3
Fixes
🎨 CSS
translate()direction☕️ JavaScript
5.2.2
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
... (truncated)
5.2.1
🚀 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... (truncated)
5.2.0
🚀 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 issues$text-muteddefault value.navbar-nav--bs-btn-disabled-border-colorinbutton-outline-variantmixin$display-font-familyand$display-font-style☕️ JavaScript
... (truncated)
5.2.0-beta1
🚀 Highlights
.form-check-reversemodifier classmake-col-ready(): remove the unused$guttervariablecolorandborder-colorCSS variables to tablesz-indexon.navbar-expand .offcanvasand preventbox-shadowwhen collapseddata-bs-content.text-bg-{color}helpers🚀 Features
.form-check-reversemodifier classdata-bs-contentisShownmethod🎨 CSS
.form-control-plaintext.form-check-reversemodifier classmake-col-ready(): remove the unused$guttervariable... (truncated)
5.1.3
Fixes
🎨 CSS
align-self: centerto buttons for improved rendering in flex containers"5.1.2
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
... (truncated)
5.1.1
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 instancesdata-bs-original-titleissue📖 Docs
data-bs-original-titleissue$enable-smooth-scrollto Sass options page.hstackexample and placeholder 'How it works' example.Site.Params.docs_versionvariable🛠 Examples
🌎 Accessibility
🏭 Tests
📦 Dependencies
5.1.0
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-dismissso that it can be outside of a modal usingbs-target.hstack,.vstack, and.vrgetInstancemethod🎨 CSS
.hstack,.vstack, and.vradd()andsubtract()$card-box-shadowvariable$accordion-icon-colordefault value consistent with the$accordion-button-color.row-cols"$input-bgto use$body-bg☕️ JavaScript
data-dismissso that it can be outside of a modal usingbs-targetManipulator.offset()display:noneby default... (truncated)
5.0.2
🚀 Features
🎨 CSS
.row-cols.form-selectadd()&subtract()--bs-table-bgand--bs-table-accent-bg.dropdown-menu-*line-heightfor floating labels<ul><li>/division with multiplication and customdivide()functiondivide()function and RFS☕️ JavaScript
getOrCreateInstancemethod in base-componentdispose/hidemethods usage throughjQueryIntrefacegetNextActiveElementhelper functiondata-dismiss="modal"is setisVisiblefalse positives from deep nesting or alternate meanselement.parentNode.removeChild(element)toelement.remove()DOMContentLoadedevent listener inonDOMContentLoaded📖 Docs
querySelectorAllBlinkMacSystemFontin docs... (truncated)
5.0.1
🎨 CSS
.modal-opento affect the<body>scroll.input-groupshouldn't be behind sibling elementaccent-bgfrom leaking in nested table$list-group-colorin loop:read-onlyselector back to[readonly]☕️ JavaScript
configproperty to start with underscoretransitionendlistener callbacks into one methodDATA_KEY&EVENT_KEYto base-componentrootElementnot initialized in Modal📖 Docs
🛠 Examples
🌎 Accessibility
🏭 Tests
... (truncated)
5.0.0
Highlights
#32155: Updated
make-col()mixin to generate equal columns when no size is specified#32763: Added new
color-scheme()mixin#33389: Dropdown menus now have option become clickable
#33453: Added new docs footer
#33548: Offcanvas header components are now vertically aligned
#33549: Added offcanvas-top modifier
#33634: Added support for
.dropdown-items wrapped in<li>s#33626: Fix v5 regressions in tab dropdown functionality
🚀 Features
color-schememixin🎨 CSS
color-schememixin.nav-linkcolor consistent when using buttons:read-onlycss selector instead[readonly]for consistencyborder-topon Firefox☕️ JavaScript
hidemethod of dropdownisDisabledutil on dropdownnoopfunction... (truncated)
5.0.0-beta3
Highlights
.list-group-numberedvariation to list groups that uses pseudo-elements for numbering list group items..nav-filland.nav-justified.border-0utility.browserslistrcto drop Android and add Safari/iOS 12 as the new minimum version (completing our two latest major releases guideline for supported browsers).🚀 Features
ol.list-groupwith pseudo-element numbers🎨 CSS
border-0ol.list-groupwith pseudo-element numbersselect:disabledopacity for Chrome.list-group-itemcolor☕️ JavaScript
... (truncated)
5.0.0-beta2
Highlights
data-bs-popper="static"via JS to the.dropdown-menuwhen the trigger has adddata-bs-display="static"anddata-bs-popper="none"when in navbars..navbar-nav-scrollclass to enable vertical scrolling when a collapsed navbar is opened. It's customizable via Sass and a CSS variable. Read more in the docs.flex-growto the.navbar-collapseto restore the flexbox behaviors from v4 and prevent some content from being inadvertently squished.vertical-alignfrom.form-select.form-selectword-breakto.toast-body<button>s wherever possible instead of<a>elements.<button>s as indicators (from.carousel-indicators lito.carousel-indicators [data-bs-target])..dropdown-toggleinstead of the.dropdown.data-bs-toggle="modal"..jsfile.getSelectorfrom returning URLs as selector which caused errors in dropdown and scrollspy plugins.🚀 Features
.navbar-nav-scrollfor vertical scrolling of navbar content⚡ Performance Improvements
🎨 CSS
.navbar-nav-scrollfor vertical scrolling of navbar contentvertical-alignfrom.form-select... (truncated)
5.0.0-beta1
⚠ Please check our migration guide for more info!
🚀 Features
🎨 CSS
.btnin vertical button groupmake-container()scale-color()function toshift-color()$variable-prefix☕️ JavaScript
aria-labelfor tooltips_fixTitle().closeinstancesconfig.keyboardis falseshowconfig option from the modal plugin📖 Docs
... (truncated)
5.0.0-alpha3
Changes
🚀 Features
.fs-*utilities for font-size and rename font-weight/-style utilities.btn-blockwith utilities.d-gridto our display utilities.gaputilities🎨 CSS
.fs-*utilities for font-size and rename font-weight/-style utilities.roundedutilitiesz-indexfor close button.bg-infoprefers-reduced-motion: no-preferenceprefers-reduced-motion: reduce.btn-blockwith utilitiescursor:pointerto color inputs.fwutilities::file-selector-buttonmargin.d-gridto our display utilities.gaputilities☕️ JavaScript
... (truncated)
5.0.0-alpha2
Changes
🚀 Features
🎨 CSS
box-shadow()mixin: allow 'null' and drop support 'none' with multiple argssr-only/sr-only-focusabletovisually-hidden/visually-hidden-focusableflex: 1 0 100%from rows.d-noneremunit... (truncated)
5.0.0-alpha1
🎉 The first Bootstrap 5 alpha has landed!
4.6.2
Highlights
color-adjustwithprint-color-adjustin our Sass files as part of the Autoprefixer v10.4.6 issues. This should quiet the issues folks have seen from that dependency change. If you're using our distribution CSS files, likebootstrap.min.css, you may still see the warning.smalland.smallto compute to a whole pixel value (was12.8pxand now is14px).roleattributes.What's Changed
color-adjustwithprint-color-adjustby @AdrianCurtin in Replace the deprecatedcolor-adjustwithprint-color-adjusttwbs/bootstrap#36283role="group"from some split drop* buttons by @julien-deramond in [v4] Doc: removerole="group"from some split drop* buttons twbs/bootstrap#36254accessibility.mdby @patrickhlauke in v4 Docs: outdated ARIA/PF link, expand contrast explanation inaccessibility.mdtwbs/bootstrap#36492New Contributors
color-adjustwithprint-color-adjusttwbs/bootstrap#36283Full Changelog: twbs/bootstrap@v4.6.1...v4.6.2
4.6.1
What's changed
divide()function by @mdo in Replace Sass division with multiplication and custom divide() function twbs/bootstrap#34571moz-focusringby @kremit in Fix minor visual bug in Firefox caused bymoz-focusringtwbs/bootstrap#32821SAFE_URL_PATTERNregex for use with test method of regexes by @nikonthethird in AdjustSAFE_URL_PATTERNregex for use with test method of regexes. twbs/bootstrap#33153smsin theSAFE_URL_PATTERNfor sanitizer by @XhmikosR in sanitizer: addsmsin theSAFE_URL_PATTERNtwbs/bootstrap#35074select.form-controlby @mdo in Adjust feedback icon position and padding for select.form-control twbs/bootstrap#33206add()&subtract()by @ffoodd in Handle complex expressions inadd()&subtract()twbs/bootstrap#34047add()andsubtract()by @ffoodd in More concise improvements foradd()andsubtract()twbs/bootstrap#34432aria-haspopupfrom dropdowns by @patrickhlauke in Remove aria-haspopup from dropdowns twbs/bootstrap#33624.dropdown-itemwrapped in<li>tags by @cpsievert in Dropdown: support.dropdown-itemwrapped in<li>tags twbs/bootstrap#33649vertical-alignin spinners by @XhmikosR in v4-dev backports and updates twbs/bootstrap#338070.xwith negative margins in utilities by @k-utsumi in 🐛 Enable0.xwith negative margins @ v4 twbs/bootstrap#33593theadrule by @coliff in Remove print thead rule twbs/bootstrap#34426showevent disabling modals with fade class from being displayed again by @alpadev in v4: Fix prevented show event disables modals with fade class from being displayed again twbs/bootstrap#34087Full changelog
twbs/bootstrap@v4.6.0...v4.6.1
4.6.0
Highlights
customClassoption..navbar-nav-scrollclass for scrolling expanded navbar contents on mobile devices.prefers-reduced-motionis enabled.background-colorof.dropdown-itemfor improved hover state contrast, and ligthened the disabled.dropdown-itemcolor.CSS
Description has been truncated
[![Dependabot compatibilit...
Description has been truncated