Update dependency bootstrap to v5 #25
Open
Conversation
This file contains hidden or 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
![mend-for-github-com[bot]](https://avatars.githubusercontent.com/in/30796?s=60&v=4){kind=small}
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
v5.1.0Compare 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-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 defaultswitchstatement instead ofifgetInstancemethodSelector.findOne()dependencyUtil.reflowfunction and add documentation📖 Docs
hrin v5_root.scssbeing requiredmedia-breakpoint-downbreakpoints🛠 Examples
.text-white-50CSS rule from Offcanvas Example🌎 Accessibility
🔧 Utility API
🧰 Misc
aggregate-outputactions/setup-node'scacheoption📦 Dependencies
v5.0.2Compare Source
🚀 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<ul><li>sass:mathmodule call🛠 Examples
setActiveItem()🌎 Accessibility
🔧 Utility API
🏭 Tests
🧰 Misc
📦 Dependencies
v5.0.1Compare Source
🎨 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
DATA_KEY&EVENT_KEYto base-componentoverflowvalue🧰 Misc
📦 Dependencies
v5.0.0Compare Source
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 dropdownnoopfunctionselectMenuItemmethod private.dropdown-itemwrapped in<li>tagsaltBoundaryoption📖 Docs
rel=noopenerattributeboundaryoptionboundaryoptionboundaryoption descriptionExamples
🌎 Accessibility
🏭 Tests
data-bs-backdrop="static"from modal tests🧰 Misc
📦 Dependencies
v4.6.0Compare Source
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
.navbar-nav-scrollfor vertical scrolling of navbar contentoutline:0rather thanoutline:none; backport of #32751$gray-500JS
customClassoptionjs/src/index.jsone folder upconfig.keyboardis falseDocs
bugreport.apple.comsince it doesn't work.visually-hiddenloading=lazyfrom snippets.text-leftin Layout / Overview:focus, not just:hoverdata-touch="false"example in the carousel docsrole="button"from CTA links in carousel example.showapplied.has-validationfor input groups with validation$enable-shadowsoption in our docs; backport of #32685Examples
titleMisc
version_shortvariable under theconfigobject; backport of #32737v4.5.3Compare Source
CSS
escape-svgfunction to note that data URIs must be quoted.custom-controlshadow variable instead of the genericinput-focus-box-shadow.thstyling in Reboot, custom form field styling when printing, and improvements to.text-break).thupdates: Inheritfont-weight: boldthat comes from user agent stylesheets..text-breakchanges to dropoverflow-wrapand useword-wraponce again.closebuttons in dismissible.alerts.JS
hidePrevented.bs.modalcan be prevented.$dropdown-padding-xvariable from v5.Docs
disposemethod more appropriately.toandnextwhenvisiblemethods.Misc
v4.5.2Compare Source
This release addresses the following two issues:
make-container-max-widthsmixin. We won't be using the mixin ourselves, but it will remain in the codebase for the rest of v4 with today's release. We've added a deprecation notice as well.flex: 1 0 100%from.rows. This was added to address shrinking rows inside the navbar component after our responsive containers were added in v4.4.0. Removing this rolls us back to the expected grid and flex behavior—your row will shrink unfortunately without further changes. We could add extra custom CSS to address this, but it seems shortsighted to rush into that. Instead, apply.flex-fillto the.rowand your row will behave as usual.v4.5.1Compare Source
CSS
list-groupborders in cardsz-indexto.custom-checkto fix their rendering in CSS columnsborder-radiusto.card-img-overlayword-break: break-word;on.text-breakutility..rowfrom shrinking in flex containersbox-shadowmin-width: 0on.coldue to unforeseen side effectsbackdrop-filterfrom docs subnav and toastsoverflow: hiddenfrom toastsJavaScript
role="dialog"in modals via JavaScriptBuild
Docs
extend/icons.mdpage.nav-itemfrom.nav-linkto be more consistentv4.5.0Compare Source
Highlights
user-selectwith the new utilities and Sass map.role="button"selector in Reboot to setcursor: pointeron non-<button>element buttons.bg-gradient-variantmixin as it's being removed in v5.CSS
display: flexon.breadcrumb-item.btncursor.btn-linkpreis present by settingmin-width: 0word-wrapin.text-breakfor IE and Edge compatibilityborder-radiusfunctions returning negative values$enable-transition: falsetransition: none intransition()` mixinspinner-growanimation in Safari.card-footercolorbox-shadowmixin for.form-select,.btn, and other form controlsuser-selectand a new -role="button"in Reboot to setcursor: pointer.appearance: nonefrombutton.closebg-gradient-variantmixin$grid-columns > 0$grid-breakpointsmap list to remove all breakpointsJavaScript
keyboard=true&backdrop=staticsrcsetin the allowed attributestotypealways return stringified null when null passedDocs
loading="lazy"for imagesConfiguration
📅 Schedule: 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.