Bootstrap: v5.2.0-beta1 Release

🚀 Highlights

• #33079: Revamp tabs & follow ARIA 1.1 practices
• #33354: Column Striping Feature for Tables
• #33421: Revamp Scrollspy using Intersection observer
• #33606: Add .form-check-reverse modifier class
• #34334: make-col-ready(): remove the unused $gutter variable
• #34443: Convert navbar to CSS variables
• #34487: Docs offcanvas navbar
• #34547: Prefer Linux-specific fonts over Arial
• #34600: Convert buttons to CSS variables
• #34622: Convert tooltips and popovers to CSS vars
• #34644: Always set the CSS variables for gutters in containers
• #34942: Move reassigned Sass maps for colors to another stylesheet
• #35055: Add color and border-color CSS variables to tables
• #35077: Manipulator: Add JSON parse support
• #35153: Reset z-index on .navbar-expand .offcanvas and prevent box-shadow when collapsed
• #35399: Convert pagination component to CSS variables
• #35401: Convert alerts to CSS variables
• #35402: Convert badges to CSS variables
• #35409: Convert dropdowns to CSS variables
• #35514: Popover.js: Accept empty content through data-bs-content
• #35518: Add sticky bottom utility
• #35736: v5.2.0 design refresh, plus responsive offcanvas classes
• #35893: Add centered dropdown and dropup options
• #35908: Remove thicker border on table thead elements
• #35979: Adjust border-radius values and add some new utilities
• #36242: Add new .text-bg-{color} helpers

🚀 Features

• #33354: Column Striping Feature for Tables
• #33421: Revamp Scrollspy using Intersection observer
• #33606: Add .form-check-reverse modifier class
• #34519: Add a template factory helper to handle all template cases
• #35077: Manipulator: Add JSON parse support
• #35514: Popover.js: Accept empty content through data-bs-content
• #35518: Add sticky bottom utility
• #35893: Add centered dropdown and dropup options
• #36272: Toast: provide isShown method

🎨 CSS

• #32840: Support floating labels on .form-control-plaintext
• #33606: Add .form-check-reverse modifier class
• #34334: make-col-ready(): remove the unused $gutter variable
• #34443: Convert navbar to CSS variables
• #34547: Prefer Linux-specific fonts over Arial
• #34600: Convert buttons to CSS variables
• #34622: Convert tooltips and popovers to CSS vars
• #34627: Remove tooltip and popover styling as it is handled by Popper
• #34644: Always set the CSS variables for gutters in containers
• #34863: Color input validation icon
• #34942: Move reassigned Sass maps for colors to another stylesheet
• #35055: Add color and border-color CSS variables to tables
• #35082: Set cursor: default on disabled .form-check-label
• #35085: Fixes missing variable issue with media-breakpoint-only
• #35153: Reset z-index on .navbar-expand .offcanvas and prevent box-shadow when collapsed
• #35230: Don't override CSS direction in code elements
• #35231: Ensure sufficient contrast in accordion-item
• #35232: Drop prefixed version of ::file-selector-button
• #35326: Correctly implement RFS in :root CSS variable for $body-font-size
• #35399: Convert pagination component to CSS variables
• #35401: Convert alerts to CSS variables
• #35402: Convert badges to CSS variables
• #35403: Convert breadcrumbs to CSS variables
• #35406: Bring back webkit calendar picker indicator for datalists
• #35409: Convert dropdowns to CSS variables
• #35428: Convert border utilities to CSS variables
• #35466: Fix typo in $purples
• #35467: Add missing border-radius for btn-group
• #35484: Reprocess inline SVGs with the latest SVGO
• #35491: Rely on border-width for <hr> size
• #35518: Add sticky bottom utility
• #35533: docs: Move gap utility API from "Flex" to "Spacing"
• #35554: Separate modal click functionality, utilizing backdrop callback
• #35571: Fix alerts color
• #35592: move theme-colors (vars+map) after color tints definitions
• #35676: Add black to colors map
• #35740: Add !important property to colored links
• #35759: Fix position of .list-group-item-action
• #35804: Allow to set active and disabled class also to .page-link
• #35822: Apply list group numbering to all items
• #35825: Correct the horizontal padding on grid containers
• #35829: New CSS variable for Navbars
• #35844: Fixed border radius var name and .show target in buttons
• #35850: Rename dropdown-shadow to dropdown-box-shadow for consistency
• #35858: Add null modal-footer-bg variable
• #35859: Add z-index for .toast-container
• #35862: Convert list group to CSS variables
• #35886: Replace non-existent --bs-btn-padding by --bs-btn-padding-{x|y}
• #35894: Base .text-muted on body color
• #35907: Use all dropdowns CSS variables
• #35908: Remove thicker border on table thead elements
• #35914: Fix dropdowns
• #35917: Define Pagination font size CSS var
• #35918: RTL arrows for popovers and tooltips
• #35921: Split CSS vars for padding values
• #35932: v5.2 border-width is disabled
• #35943: Add missing root border opacity CSS var
• #35960: Convert spinners to CSS variables
• #35961: Convert toasts to CSS variables
• #35962: Convert progress bars to CSS variables
• #35973: Fix dropdowns
• #35976: Fix space between popover's arrow and triggering element
• #35979: Adjust border-radius values and add some new utilities
• #35981: Add additional root variables, rename $variable-prefix to $prefix
• #35984: Update docs syntax colors head of dark mode
• #35994: Update $border-color to use rgba()
• #35995: Ignore warning for .navbar-light deprecation
• #35996: Add some calc() for manipulating new CSS variable version of border-width
• #36003: Set opacity on dropdown-divider for now
• #36018: Some CSS fixes
• #36038: v5.2.0 migration updates
• #36058: Fix proposal for .dropstart
• #36070: Popover : New CSS var
• #36071: Train PR: CSS variables for accordion, cards, navs, and modals
• #36082: Fix duplicate border radius CSS var definition
• #36083: Reuse all breadcrumb CSS vars available
• #36093: Adding @include font-size when not
• #36098: Use new CSS vars
• #36100: Adding CSS var to list-group-item-action
• #36105: Fix for missing CSS variables on .navbar-nav
• #36126: Use the border-color property instead of the CSS variable in border color utilities
• #36145: Improve use of CSS vars in Toasts
• #36148: Add CSS vars for accordions
• #36149: Modal : Changing the CSS var management
• #36157: Add $input-disabled-color Sass variable
• #36179: CSS : Minor fixes
• #36202: Update _breakpoints.scss
• #36220: Clean up last $variable-prefix usages
• #36238: Revert border-color change
• #36239: Iterate on border utilities
• #36242: Add new .text-bg-{color} helpers
• #36277: Fix proposal for Tooltips
• #36296: Remove leftover abbr styles in Reboot for tooltips

☕️ JavaScript

• #31607: Use Babel and ES6 in docs JS files
• #32692: Clean tooltip component unneeded functionality
• #32999: Extract Carousel's swipe functionality to a separate Class
• #33079: Revamp tabs & follow ARIA 1.1 practices
• #33421: Revamp Scrollspy using Intersection observer
• #33872: Extract Component config functionality to a separate class
• #34509: build: read & dynamically resolve imports on plugins build
• #34519: Add a template factory helper to handle all template cases
• #34945: Carousel cleanup & refactoring
• #35077: Manipulator: Add JSON parse support
• #35127: tooltip.js: use array.includes instead of for iteration
• #35141: Modal tweaks & cleanup
• #35156: Collapse: refactor active children handling
• #35157: Dropdown remove redundant code
• #35161: Swipe: add test to ensure that it ignores pinch events
• #35183: JS: minor refactoring
• #35388: Scrollbar: remove margin/padding properties properly
• #35400: Tooltip: Some more changes
• #35410: BaseComponent: add a couple more tests
• #35419: Alert: add a couple more tests
• #35440: Tooltip: remove leftover method
• #35441: Fix popover arrow & tooltip template after the setContent addition
• #35448: Dropdown tests: Use a function to improve readability
• #35456: Tooltip: remove title attribute before show & add tests
• #35492: ScrollBar.js. Minor refactoring and add test
• #35500: Dropdown: fix toggle focus after dropdown is hidden using the ESC button
• #35506: build/postcss.config.js: minor tweaks
• #35507: Toast: join multiple classList calls
• #35510: util/index.js: minor refactoring
• #35511: Tab: minor refactoring
• #35512: Scrollspy: minor refactoring
• #35514: Popover.js: Accept empty content through data-bs-content
• #35527: Popover/Tooltip: Fix vertical alignment on arrow of tip elements
• #35540: Tooltip: remove extraneous call to _getConfig()
• #35546: More tooltip refactoring
• #35554: Separate modal click functionality, utilizing backdrop callback
• #35559: Event handler: replace deprecated function & merge new Event with new CustomEvent
• #35589: Remove explicit use of aria-hidden for offcanvas when closed
• #35590: Assorted JS cleanup
• #35682: fix isVisible behavior with new chrome version
• #35684: Selector Engine: improve parents method to utilize newer JS native methods
• #35689: Optimize jQueryInterface in Collapse
• #35734: src/tooltip.js Optimization
• #35748: Dropdown.js optimizations
• #35752: Dropdown cleanup and fixes
• #35753: Carousel tweaks
• #35754: Event Handler cleanup
• #35766: Dropdown: use a combined selector to filter not shown instances
• #35832: Add static backdrop to offcanvas
• #35856: Make event name helper and use it on tooltip & popover to reduce dist sizes
• #35866: Dropdown: use a better selector to avoid triggering click if button is disabled
• #35870: Dropdown: Simplify dataKeyApiHandler
• #35871: Carousel tweaks
• #35893: Add centered dropdown and dropup options
• #35902: Modal: refactor listeners to reduce some code noise
• #35930: Carousel patches
• #35973: Fix dropdowns
• #35983: Carousel tweaks
• #35990: Carousel patches
• #35991: Patch dropdown.js
• #36028: Dropdown test
• #36169: Handle disabled focused tabs with tab JavaScript plugin
• #36186: EventHandler: change check method for custom events, avoiding regex
• #36217: Document incompatibilities between Bootstrap JS and React/.etc
• #36272: Toast: provide isShown method
• #36273: Separate docs js assets
• #36324: Revert backdrop utilization, handling clicks over modal

📖 Docs

• #31337: JS docs formatting tweaks
• #31607: Use Babel and ES6 in docs JS files
• #32953: Replace AnchorJS with a Hugo render hook
• #34487: Docs offcanvas navbar
• #35124: Update NuGet docs to specify only .NET Framework projects are supported
• #35154: Add top placement info to offcanvas docs
• #35160: Update typography.md to remove an unnecessary <abbr> tag
• #35223: Add missing role="search" and type="search" in navbar doc and examples
• #35234: images.md: remove zero-width space
• #35236: Fix typo in RTL Hello World! sentence
• #35264: fix(offcanvas): Add missing titles class
• #35320: Update import stacks required for modifying utilities
• #35327: floating-labels: remove aria-label in the select example
• #35328: Fix spacing utility classes mentioned in navbar supported content documentation
• #35348: Fix typo in vertical alignment of table cells
• #35373: Add missing scss/maps imports
• #35414: Fix variable name in Sass customizing section
• #35434: Breadcrumb docs: drop confusing currentColor and add new callout
• #35446: Update edge-to-edge design instructions
• #35468: Fix variable name in form overview docs
• #35486: Update api.md
• #35497: docs: add Tabler Icons to list of icon packs
• #35532: docs: Add responsive variations for align-content-between
• #35556: docs: Use param to set Bootstrap version in Contents page
• #35563: docs: A fix for CSS Variables and some proposal
• #35579: docs: add reference to sticky-xxl utils
• #35587: Add note to carousel crossfade docs about bg color
• #35588: Docs: Strengthen and expand note about dynamic tabs with dropdown menus
• #35644: docs: add a StackBlitz "Try It" button in code examples
• #35647: Update cspell config
• #35649: Docs: group together reusable CSS for examples in a single stylesheet
• #35696: Docs - Remove duplicate Octicons entry in icons list
• #35713: Remove incorrect statement about the disabled attribute on <form>
• #35730: Add Spanish translation
• #35735: Change X to Extra
• #35736: v5.2.0 design refresh, plus responsive offcanvas classes
• #35741: docs: remove moot autocomplete attributes
• #35775: Fix dropdown docs about autoclose and esc key.
• #35778: Fixed typo in documentation form validation section
• #35814: Remove remaining .navbar-light classes
• #35818: code indentation in readme
• #35827: Fixes #32082
• #35828: Fix typo in Badges CSS variables description
• #35837: Update reboot.md
• #35878: Improve modal component doc
• #35895: Mention form height change in migration guide
• #35903: Separate override for hr's in component examples
• #35905: Site assets: .bd-bg-purple-bright → .bd-bg-violet and drop unused .bd-text-purple-bright
• #35909: update ionicons link
• #35931: Remove unneeded classes from toasts docs
• #35942: update google material icons link
• #35948: docs: add missing .dropup in dropup centered example
• #35955: docs: Update Japanese translation
• #35980: Redesign the "Added in" badges in the docs
• #35984: Update docs syntax colors head of dark mode
• #36002: Fix docs error after #35644
• #36007: Convert added in badges to shortcode
• #36008: Add v5.1.0 to migration guide, update v5.2.0 additions
• #36013: Remove duplicate entry in migration.md
• #36030: Update parcel.md
• #36038: v5.2.0 migration updates
• #36040: Fix migration guide typos
• #36058: Fix proposal for .dropstart
• #36073: Fix typo for StackBlitz edit button's tooltip
• #36088: Fix StackBlitz edit feature by selecting the closest example
• #36092: Doc fixes
• #36099: Changing to btnTitle and btnEdit
• #36101: Move "Navbar" before "Navs & Tabs" in sidebar
• #36112: Fix CSpell by adding 'Analyser'
• #36123: Doc: Reorder alphabetically lists of components
• #36137: Change second example of dropdown form
• #36144: Doc: fix modals and navs CSS vars description
• #36151: Update offcanvas example to include .show class
• #36163: Doc: Uniformization of nav tabs content panes
• #36173: Fix Chroma line highlight style
• #36176: v5.2.0: Migrate to DocSearch 3
• #36182: Fix containers page in docs to re-order list so it matches sections b…
• #36188: example: change .border-right to .border-end
• #36190: Fix spacing of code snippets
• #36191: Do some CSS and Migration guide cleanup
• #36192: One more code snippet fix
• #36194: Refactor some docs examples CSS
• #36195: Doc: minor modifications in Scrollspy
• #36196: Realign Cheatsheet nav tabs example rendering with the doc examples
• #36199: Minor fixes
• #36203: Docs: update documentation js examples, using es6
• #36204: Rewrite Getting Started > Introduction page to be more guide-like
• #36212: Doc: remove role="group" from some split drop* buttons
• #36217: Document incompatibilities between Bootstrap JS and React/.etc
• #36218: Doc: mention Popper instead of Popper.js
• #36219: Doc: fix offset content for examples page
• #36245: Update new docs version picker to work on home and examples pages
• #36252: Doc: update path to @popperjs/core in parcel.md
• #36260: Docs(Scrollspy): minor changes to be aligned with new version of javascript
• #36273: Separate docs js assets
• #36276: Add proper markup on modal's page tooltips and popovers
• #36307: Fix search with xs to md breakpoints
• #36322: Fix contents.md
• #36328: Remove unused .border-right rule from modal example CSS file
• #36333: Doc: fix text overflow example
• #36335: Minor changes in 'Usage with JavaScript frameworks' description
• #36337: docs: drop Scratch usage
• #36340: Fix a11y keyboard access to docs navigation
• #36344: docs: link to the root page for the homepage

🛠 Examples

• #35223: Add missing role="search" and type="search" in navbar doc and examples
• #35308: update grid example docs
• #35365: Make footer examples responsive to mobile screens
• #35483: Replace inline styles in example "Dropdowns"
• #35699: Docs: replace CSS by utilities in examples
• #35704: Fix spelling mistake in footer example
• #35733: examples: fix a couple typos found with codespell
• #35877: remove opacity utilities from example CSS
• #35898: Remove border of disabled calendar buttons in Dropdowns example
• #35919: RTL carousel example
• #35997: Add another list-group snippet example
• #36075: Fix duplicate .rounded-* and .fw-semibold defs in examples

🌎 Accessibility

• #33079: Revamp tabs & follow ARIA 1.1 practices
• #35223: Add missing role="search" and type="search" in navbar doc and examples
• #35231: Ensure sufficient contrast in accordion-item
• #35588: Docs: Strengthen and expand note about dynamic tabs with dropdown menus
• #35589: Remove explicit use of aria-hidden for offcanvas when closed

🔧 Utility API

• #35428: Convert border utilities to CSS variables

🏭 Tests

• #35161: Swipe: add test to ensure that it ignores pinch events
• #35184: tests: try to fix a few random failures
• #35410: BaseComponent: add a couple more tests
• #35419: Alert: add a couple more tests
• #35431: Tests: consistency changes
• #35448: Dropdown tests: Use a function to improve readability
• #35455: Tests: Minor fixes
• #35456: Tooltip: remove title attribute before show & add tests
• #35492: ScrollBar.js. Minor refactoring and add test
• #35501: Fix tests fixture type
• #35585: Fix visual tests
• #35659: tests: replace 'done' callback with 'Promise' to fix deprecation errors
• #35757: Fix Popover test that randomly fails on BrowserStack
• #35765: tests: revisit all tests using Promise.reject instead of throwing an error
• #36028: Dropdown test

🧰 Misc

• #31607: Use Babel and ES6 in docs JS files
• #34509: build: read & dynamically resolve imports on plugins build
• #35178: Switch to Node.js 16 and npm 8.
• #35313: README.md remove broken "David DM" dependency badges
• #35395: build/change-version.js: fix wrong map usage
• #35447: Remove the now outdated build/svgo.yml
• #35451: package.json: add GitHub Sponsors and reorder properties
• #35452: README.md: wrap file contents in a details element
• #35454: CI: add workflow_dispatch
• #35481: JS tests: only test one Node.js version
• #35573: Move linkinator to GitHub Actions.
• #35586: build-plugins.js: use globby package
• #35593: Move cspell to Actions
• #35641: Update nuget/bootstrap.png
• #35647: Update cspell config
• #35680: Update cspell config
• #35846: CI: add issues-helper
• #35910: Release Drafter: add highlights
• #36185: Update CODE_OF_CONDUCT.md

📦 Dependencies

• Updated numerous devDependencies: https://github.com/twbs/bootstrap/pulls?q=is%3Apr+is%3Aclosed+label%3Adependencies+project%3Atwbs%2Fbootstrap%2F32