Update dependency bootstrap to v4.5.2
This MR contains the following updates:
| Package | Type | Update | Change |
|---|---|---|---|
| bootstrap | dependencies | minor | v4.0.0-beta -> v4.5.2 |
":disableDigestUpdates" to the extends array in your config.
Release Notes
twbs/bootstrap
v4.5.2
This release addresses the following two issues:
-
#31438 restores the
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. -
#31439 removes
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.1
CSS
-
#30808: Simplify
list-groupborders in cards -
#30810: Add
z-indexto.custom-checkto fix their rendering in CSS columns -
#30817: Add
border-radiusto.card-img-overlay - #30830: Prevent conflicts with components with classes
- #30922: Fix color on disabled checked state for custom controls
-
#30932: Restore
word-break: break-word;on.text-breakutility. -
#30940: Prevent
.rowfrom shrinking in flex containers -
#30957: Nullify custom form states'
box-shadow - #30959: Toasts in IE11
- #30960: Fix IE11 validation tooltip alignment in input groups
- #30965: Improve floating labels example in IE
- #30966: Improve floating labels with Edge and a general refactor
- #30969: Remove duplicated container breakpoints in compiled CSS
-
#30999: Revert
min-width: 0on.coldue to unforeseen side effects - #31148: Remove duplicate properties on custom controls
-
#31165: Remove
backdrop-filterfrom docs subnav and toasts - #31339: Add link to view docs pages on GitHub
- #31347: Turn off scroll anchoring for accordions
-
#31381: Remove
overflow: hiddenfrom toasts
JavaScript
- #30326: Prevent overflowing static backdrop modal animation
-
#30936: Add
role="dialog"in modals via JavaScript - #30992: Avoid preventing input event onclick
- #31155: Clear timeout before showing the toast
Build
- #30797: Fix release script docs
- #31011: Updated Babel config
- #31296: Update to Ruby 2.7 and Bundler 2.x
Docs
- #30809: Update docs callout for responsive SVG images
-
#30813: Mention Bootstrap Icons in
extend/icons.mdpage - #30896: Improve wording on Downloads page
- #30897: Prevent skip links from overlapping header in docs
-
#30957: Add
.card-img-bottomexample -
#30973: Update some nav examples by removing
.nav-itemfrom.nav-linkto be more consistent - #31070: Fix some broken examples and typos
- #31135: Move color utility callouts to start of page
- #31234: Clean up docs forms for accessibility
- #31344: Mention toasts in the components requiring JavaScript page
v4.5.0
Highlights
-
New interaction utilities. Quickly set
user-selectwith the new utilities and Sass map. -
New Reboot style for pointer cursors. We now include a
role="button"selector in Reboot to setcursor: pointeron non-<button>element buttons. - Examples are now downloadable. We've added a script to zip up and offer all our Examples as their own download from the docs.
- Saved ~5% from the compressed minified JS builds.
- Added guidance to our docs for how to work around our longstanding input group rounded corner bug.
- Redesigned docs homepage and navbar to increment us towards v5's new docs design.
- Deprecated
bg-gradient-variantmixin as it's being removed in v5. - Updated to jQuery v3.5.1, Jekyll v4, and dropped Node.js < 10 for development.
CSS
- #29413: Prevent vertical offset on progress bar in IE11
-
#29745: Add
display: flexon.breadcrumb-item - #29819: Allow percentages in container widths
- #29857: Escape brackets
- #29946: Added new variable for padding on dropdown header
-
#30004: Fixes disabled
.btncursor -
#30036: Added focus state to
.btn-link - #30043: Fix IE auto-size input-group to column
-
#30049: Prevent grid with default cols from breaking when large
preis present by settingmin-width: 0 -
#30074: Use
word-wrapin.text-breakfor IE and Edge compatibility -
#30166: Avoid
border-radiusfunctions returning negative values -
#30183: Remove unnecessary reduce motion when
$enable-transition: false - #30244: Fix centered modal scrolling issue
- #30262: Prevent link underline change from affecting some components
- #30361: Remove appearance from date inputs
-
#30391: Prevent redundant
transition: none intransition()` mixin - #30497: Fix card list group borders & radii
-
#30504: Fix
spinner-growanimation in Safari -
#30515: Add
.card-footercolor -
#30555, #30512, #30480: Use
box-shadowmixin for.form-select,.btn, and other form controls -
#30562: Added new interaction utilities for
user-selectand a new -role="button"in Reboot to setcursor: pointer. -
#30582: Delete unnecessary
appearance: nonefrombutton.close -
#30594: Deprecate
bg-gradient-variantmixin -
#30605, #30606: Grid now checks for for
$grid-columns > 0 -
#30609: Checks for an empty
$grid-breakpointsmap list to remove all breakpoints - #30660: Prevent list group style leaks
- #30685: Disable auto-hiding scrollbar in IE and legacy Edge
JavaScript
-
#29986: Close modal with
keyboard=true&backdrop=static -
#29968: sanitizer.js: Add
srcsetin the allowed attributes - #30381: Updated tab.js to address accessibility issue when using ul/li semantic
-
#30383: ensure
totypealways return stringified null when null passed - #30388: enable button toggle on label when checkbox is inside
- #30490: Switch to string constants to save ~5% on compressed file size
- #30510, #30511: Fix event propagation from inactive and disabled dropdowns
- #30744: ensure build plugins can exit in error
- #30772: Prevent scrollbar replacement on non-integer width
- 22f75c: scrollspy: only accept valid Elements as input for target
Docs
- Redesigned docs homepage
- Improved tap target sizing in our navigation
- Added examples for our input group border-radius workaround
- Added warning to browser bugs page that it's no longer maintained
- Added
loading="lazy"for images - #29782: Improve wrapping and hit area of accordion example titles
-
#29820: move width after
make-container()mixin - #29937: Add missing Noto Sans font to font stack
- #29956: Add Microsoft Edge for macOS to supported browsers
- #30130: Added ability to zip and download our Examples
- #30175: Add version number in page titles
- #30180: Changed input group validation examples to reflect issues with input group
- #30207: Headings hierarchy in theming.md
-
#30325: Updated modal docs to simplify
data-targetusage and more - #30416: Clarify card group behavior
- #30469: Remove holder.js leftovers
- #30505: Use existing position utility in navbar example
- #30695: make the check for URL stricter in our docs search
-
#30755: Removed
role="document"from the modal dialog
Examples
Dependencies
- Updated jQuery to v3.5.1
- Replaced bundlesize with bundlewatch
- Updated to Jekyll v4
- Drop Node.js < 10
- Misc devDependencies updates
v4.4.1
v4.4.0
Highlights
Here's what you need to know about v4.4.0. Remember that with every minor and major release of Bootstrap, we ship a new URL for our hosted docs to ensure URLs continue to work.- New responsive containers! Over a year in the making, fluid up to a particular breakpoint, available for all responsive tiers.
-
New responsive
.row-colsclasses for quickly specifying the number of columns across breakpoints. This one is huge for those of you who have asked for responsive card decks. -
New
escape-svg()function for simplifying our embeddedbackground-imageSVGs for forms and more. -
New
add()andsubtract()functions for avoiding errors and zero values from CSS's built incalcfeature. -
New
make-col-auto()mixin to make our.col-autoclass available with custom HTML. - Fixed an issue with Microsoft Edge not picking up
:disabledstyles by moving selectors to[disabled]. -
Deprecated:
bg-variant(),nav-divider(), andform-control-focus()mixins are now deprecated as they're going away in v5. - Updated our spacing and alignment for modal footer elements like buttons to automatically wrap when space is constrained.
- More flexible form control validation styles thanks to fewer chained selectors. Also updated the
:invalidvalidation icon to be an alert instead of an×to avoid confusion with browser functionality for clearing the form field value. - Fixed a couple dozen CSS and JS bugs.
- Moved to GitHub Actions for CI/CD! Expect more updates to our CI setup over time here while Actions evolves.
- Updated documentation to fix links and typos, improved landmarks for secondary navigation, and a new security doc for guidelines on reporting potential vulnerabilities.
Links
v4.3.1
- Security: Fixed an XSS vulnerability (CVE-2019-8331) in our tooltip and popover plugins by implementing a new HTML sanitizer
- Fixed a small issue with our RFS (responsive font sizes) mixins
v4.3.0
Highlights
-
New: Added
.stretched-linkutility to make any anchor the size of it's nearestposition: relativeparent, perfect for entirely clickable cards! -
New: Added
.text-breakutility for applyingword-break: break-word -
New: Added
.rounded-smand.rounded-lgfor small and largeborder-radius. -
New: Added
.modal-dialog-scrollablemodifier class for scrolling content within a modal. -
New: Added responsive
.list-group-horizontalmodifier classes for displaying list groups as a horizontal row. -
Improved: Reduced our compiled CSS by using
nullfor variables that by default inherit their values from other elements (e.g.,$headings-colorwasinheritand is nownulluntil you modifier it in your custom CSS). -
Improved: Badge focus styles now match their
background-colorlike our buttons. -
Fixed: Silenced bad selectors in our JS plugins for the
hrefHTML attribute to avoid JavaScript errors. Please try to use valid selectors or thedata-targetHTML attribute/targetoption where available. - Fixed: Reverted v4.2.1's change to the breakpoint and grid container Sass maps that blocked folks from upgrading when modifying those default variables.
-
Fixed: Restored
white-space: nowrapto.dropdown-toggle(before v4.2.1 it was on all.btns) so carets don't wrap to new lines. -
Deprecated:
img-retina,invisible,float, andsizemixins are now deprecated and will be removed in v5.
Links
v4.2.1
Bump to v4.2.1 to republish package on npm. See v4.2.0 release notes for changes introduced in v4.2.
v4.2.0
Here are the highlights of what's new and updated in v4.2.
- New: Added a new spinner loading component.
- New: Added new toast component for displaying notifications.
- New: Added a new iOS style switch (a modifier class to our custom checkboxes).
- New: Added touch support in our carousel component.
-
New: Added
.font-weight-lighterand.font-weight-bolderutilities. -
New: Added
.text-decoration-noneutility class. -
New: Added
.modal-xlmodifier class for our modals. -
New: Added new negative margin utility classes (e.g.,
.mb-n3). These rad new classes not only allow you more control over your general spacing needs, but also allow you to create responsive grid gutters at each breakpoint. -
New: Validated form fields now have feedback icons on
:invalidand:validfields. Disable them with the$enable-validation-iconsboolean Sass variable (defaults totrue). - New: Added a new versions page to our docs
- New: Tooltips/Popovers work with Shadow DOM
- Updated: Redesigned the custom checkboxes and radios for more obvious states.
-
Updated:
bootstrap-grid.cssnow includes ourmarginandpaddingutilities for full control of our grid system. -
Updated: Changed auto columns (e.g.,
.col-auto) frommax-width: nonetomax-width: 100%to prevent content from causing a column to overflow the parent. - Updated: Improved rendering of custom selects, ranges, file input, and more.
Checkout the full v4.2.0 ship list and GitHub project for the full details. Up next is v4.3 with some bugfixes, a few new modifier classes and variables, and some new utilities.
Head to to the v4.2.x docs to see the latest in action. The full release has been published to npm and will soon appear on the Bootstrap CDN and Rubygems.
v4.1.3
-
Fixed: Removed the
:not(:root)selector from oursvgReboot styles, resolving an issue that caused all inline SVGs ignorevertical-alignstyles via single class due to higher specificity. -
Fixed: Moved the browserslist config from our
package.jsonto a separate file to avoid unintended inherited browser settings across npm projects. - Fixed: Buttons in custom file inputs are once again clickable when focused.
- Improved: Bootstrap's plugins can now be imported separately in any contexts because they are now UMD ready.
-
Improved:
.form-controls now have a fixedheightto compensate for differences in computed height across differenttypes. This also fixes some IE alignment issues. -
Improved: Added
Noto Color Emojito our system font stack for better rendering in Linux OSes.
v4.1.2
- Fixed an XSS vulnerability in tooltip, collapse, and scrollspy plugins
- Improved how we query elements in our JavaScript plugins
- Inline SVGs now have the same vertical alignment as images
- Fixed issues with double transitions on carousels
- Added Edge and IE10-11 fallbacks to our floating labels example
- Various improvements to form controls, including disabled states on file inputs and unified focus styles for selects
Checkout the v4.1.2 ship list and GitHub project for the full details.
v4.1.1
Our first patch release for Bootstrap 4! Here's a quick rundown of some of the changes:
- Added validation styles for file inputs
- Improved printing of dark tables
- Suppressed that
text-hidedeprecation notice by default - Cleaned up some JS globals and improve coverage
- Bumped dependencies, namely Jekyll
- Fixed docs issue with incorrect name for our monospace font utility
Checkout the v4.1.1 ship list and GitHub project for the full details.
v4.1.0
- Added new custom range form control.
- Added new
.carousel-fademodifier to switch carousel from horizontal sliding to crossfade. - Added new
.dropdown-item-textfor plaintext dropdown items. - Added new
.flex-fill,.flex-grow-*, and.flex-shrink-*utilities. - Added new
.table-borderlessvariant for tables. - Added new
.text-monospaceutility. - Added new
.text-body(default body color),.text-black-50(50% opacity black), and.text-white-50(50% opacity white) utilities. - Added new
.shadow-*utilities for quickly addingbox-shadows. - Added ability to disable Popper's positioning in dropdowns.
- Fixed longstanding issue with Chrome incorrectly rendering cards across CSS columns.
- Deprecated
.text-hide—you'll see a warning during compilation—as it's a dated and un
Renovate configuration
-
If you want to rebase/retry this MR, check this box
This MR has been generated by Renovate Bot.