Update dependency twitter-bootstrap to v5 #8
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "renovate/twitter-bootstrap-5.x"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
This PR contains the following updates:
4.6.2->5.3.7Release Notes
twbs/bootstrap (twitter-bootstrap)
v5.3.7Compare Source
📚 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
v5.3.6Compare Source
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 https://github.com/twbs/bootstrap/pull/41340.card-groupto immediate children to fixborder-radiusbug by @mscdex in https://github.com/twbs/bootstrap/pull/41298devDependenciesby @julien-deramond in https://github.com/twbs/bootstrap/pull/41383image-sizefrom 1.0.2 to 2.0.2 by @julien-deramond in https://github.com/twbs/bootstrap/pull/41384.mdand.mdxfiles. by @Jason3S in https://github.com/twbs/bootstrap/pull/41398filesconfiguration from.cspell.jsonby @julien-deramond in https://github.com/twbs/bootstrap/pull/41400// Privatecomment and method by @MohamadSalman11 in https://github.com/twbs/bootstrap/pull/41218New Contributors
Full Changelog: https://github.com/twbs/bootstrap/compare/v5.3.5...v5.3.6
v5.3.5Compare Source
Hot fix for a regression from upstream in Autoprefixer.
What's Changed
Full Changelog: https://github.com/twbs/bootstrap/compare/v5.3.4...v5.3.5
v5.3.4Compare Source
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
📖 Docs
util.jsin migration guide<article>element for example cards.ordervalues in the migration guide.gridwhere it shouldn't be used.order-*classes in 'Layout > Columns'.justify-content-startclass in homepage$enable-css-grid→$enable-cssgridin 'Customize > Options'$enable-css-gridin options.mdaria-hidden="true"to decorative SVGsaria-hidden='true'to decorative SVGs.bi-exclamation-triangle-fillclassdata-bs-theme="light"in navbars color schemes markupimageConfigurls.JoinPathin more placesrel="noopener" target="_blank"data-bs-scroll="true"from navbarhugo.IsProduction🛠 Examples
🌎 Accessibility
<article>element for example cardsaria-hidden="true"to decorative SVGsaria-hidden='true'to decorative SVGs📦 Dependencies
v5.3.3Compare Source
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 badgesgetOrCreateInstance()doc example.table-lightfrom table foot exampledispose()to Offcanvas methodsshift-color()usage example in sass customization page.card-img-*description.theme-iconclass🛠 Examples
🏭 Tests
🧰 Misc
📦 Dependencies
v5.3.2Compare 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.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🛠 Examples
🌎 Accessibility
🧰 Misc
📦 Dependencies
v5.3.1Compare Source
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 linksaria-disabled='true'to disabled anchorsaria-describedby.d-noneinstead of inline stylingclearfix🛠 Examples
🌎 Accessibility
HomeandEndkeys in tabsaria-disabled='true'to disabled anchors🧰 Misc
color-modes.jstobootstrap-x.y.z-examples.zip📦 Dependencies
v5.3.0Compare Source
v5.2.3Compare Source
Fixes
🎨 CSS
translate()direction☕️ JavaScript
v5.2.2Compare Source
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
<h1>for allmodal-titleexamples/uses🏭 Tests
🧰 Misc
📦 Dependencies
v5.2.1Compare Source
🚀 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☕️ JavaScript
📖 Docs
.form-checkbox->.form-check🛠 Examples
examples/featurespage.🌎 Accessibility
outlinefor docs code samples, buttons when:not(:focus-visible)📦 Dependencies
v5.2.0Compare Source
🚀 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 issuesdb61cf3for$text-muteddefault value.navbar-nav--bs-btn-disabled-border-colorinbutton-outline-variantmixin$display-font-familyand$display-font-style☕️ JavaScript
smooth-scrollbehavior.showfrom panels dependent-less on the existence of.fadeclass📖 Docs
.is-invalidfrom textarea validation exampleinterval=falsefrom docs & testsdata-bs-titleinstead oftitletype="button"to Bootstrap versions dropdown🛠 Examples
🌎 Accessibility
type="button"to Bootstrap versions dropdown🏭 Tests
spyOnusage🧰 Misc
📦 Dependencies
v5.1.3Compare Source
Fixes
🎨 CSS
align-self: centerto buttons for improved rendering in flex containers"v5.1.2Compare Source
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
generatedCode: 'es2015'📦 Dependencies
v5.1.1Compare Source
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
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
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 Renovate Bot.
86f733dedcto70dd4e683270dd4e6832to52fcc737c552fcc737c5tof558a1566ef558a1566etoe5622c3735e5622c3735to5cc1902ada5cc1902adatof1159402e4f1159402e4to75dc8166b475dc8166b4to1ba6d5a72bView command line instructions
Checkout
From your project repository, check out a new branch and test the changes.Merge
Merge the changes and update on Forgejo.Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.