Release v5.3.0-alpha2 · twbs/bootstrap

🚀 Features

#33126: Add .nav-underline modifier class
#37762: Add new link utilities, icon link helper, and update colored link helpers
#38199: Docs: Better scroll

🎨 CSS

#33125: Focus ring helper and utilities
#33126: Add .nav-underline modifier class
#35857: Add dark mode support
#36029: Add SCSS testing of the utilities API
#36143: Fix Android Chrome input date dimensions
#36831: Rework progress bar markup and styles
#37526: Fix var --bs-body-font-family. Keep quotes in the font stack.
#37533: Visually-hidden: Remove position: absolute for captions
#37617: CSS: $prefix to the whole assets
#37621: Fix --bs-form-check-bg definition
#37644: list-group-border-width variables
#37687: Fix Sass compilation when $color-mode-type is set to media-query
#37720: Improve consistency of navbar icon declaration
#37731: Update color contrast formula with new constant from WCAG 2.2
#37734: Add color-scheme to dark root selector
#37759: Darken some text emphasis and syntax colors
#37760: Fix selector for dark mode navbar toggler SVG change
#37761: Docs: enhance callouts links on dark mode
#37762: Add new link utilities, icon link helper, and update colored link helpers
#37777: Fix cards color for contextual color mode
#37781: Fix code color in callouts
#37784: Change nav focus to focus-visible
#37785: Update code syntax colors to use Bootstrap colors
#37788: Change stylelint property-blacklist to property-disallowed-list
#37800: Fix heading colors in dark mode
#37804: CSS: rename some variables to be consistent
#37809: Fix duplicate --bs-emphasis-color set value
#37816: Remove unused comment in scss/_maps.scss
#37817: Docs: remove some CSS from .highlight-toolbar def
#37820: Remove duplicate definition of --bs-highlight-bg in scss/_root.scss
#37822: Switch from none keyword value to a fake shadow for btn-link
#37823: Docs: fix .btn-clipboard and .btn-edit link hover color
#37824: Drop unused .bg-body-emphasis
#37832: Keep shadows black regardless of color mode
#37833: Update colored links, add new .link-body-emphasis helper
#37835: Remove obsolete comment from _variables.scss
#37843: Add theme maps specific to dark mode
#37844: Reduce bootstrap-grid.css content
#37857: Drop duplicate --bs-body-bg-rgb declaration + reorder props
#37868: Remove outdated comment from $input-border-color variable
#37888: List group: Better use of CSS var
#37893: Fix .form-control in dark mode
#37905: CSS: Proposal to add a border utility
#37907: CSS: Proposal to rename the CSS and Sass variables for .*-text-emphasis
#37936: Remove color picker borders on Chromium based browsers
#37953: Theme color improvements
#37955: Rewrite selector to help Parcel compiler
#37956: Remove list-style reset on .carousel-indicators
#37998: Use color mode adaptive color for disabled dropdown menu items
#37999: Avoid inheritance issues on border-width utilities
#38003: fix alert-color in v5.3.0-alpha2
#38008: Fix list group colors by using *-text-emphasis CSS vars in Sass loop
#38037: Fix $grid-breakpoints SCSS unit tests init
#38038: Remove comments from scss/_nav.scss
#38044: Update form validation styles to use new CSS variables for color and border-color
#38059: Remove -moz-padding-start from .form-select
#38060: Drop duplicate $btn-close-focus-shadow definition
#38083: Drop duplicate $nav-link-disabled-color declaration
#38086: Fix shadow of .btn-link
#38088: Fix navbar-nav link styling
#38095: Drop unused --bs-focus-ring-box-shadow and add documentation for --bs-focus-ring-{x|y|blur}
#38104: Remove useless comment from scss/_utilities.scss
#38115: Fix button visibility issue on dark theme
#38123: Fix dropdown toggle visible focus in headers example
#38144: Examples: color mode enhancement
#38176: Fix missing modifications when --bs-{color}-text was changed to --bs-{color}-text-emphasis
#38181: Remove comments from scss/_utilities.scss
#38201: Sass: remove useless import inside bootstrap-grid
#38209: fix data-bs-theme="dark" on component carousel itself
#38236: Docs: use core mixins in a couple of places

☕️ JavaScript

#37590: fix live toast demo
#37836: Remove autofocus on theme switch when page is loaded
#38025: unify offcanvas keydown event logic with modal
#38034: Minor fix to avoid creating void elements in tooltip test file
#38071: Bump Chart.js from 2.9.4 to 4.2.1 in dashboard examples
#38223: Fix wrong generation of aria-labelledby in tab navigation
#38233: Remove empty script tag in js/tests/visual/input.html
#38294: Remove version comment from JavaScript src files
#38302: Remove version from index.{esm,umd}.js too

📖 Docs

#33428: Use scrollspy on docs pages
#34647: Improve readability in docs flex page
#36831: Rework progress bar markup and styles
#37275: Docs: add explanation of the base .btn class
#37354: Docs: rewrite/reorganise carousel docs page
#37400: Docs: change some title containing '&' to bypass Algolia issue
#37535: Docs: Fix Thirteenth typo on Navbars example
#37538: Docs: Add black text/background examples
#37553: Docs: fix "Usage -> Enable dark mode" code example
#37562: Docs: display examples based on the docs current color mode
#37568: Remove title from check2 SVG icon
#37570: code-examples.js: switch to firstElementChild
#37590: fix live toast demo
#37608: Drop logo on homepage on mobile
#37615: Add new team member to the Teams page
#37616: Accessibility: Minor fixes
#37617: CSS: $prefix to the whole assets
#37625: Few miscellaneous docs fixes
#37628: Rewrite some callouts to remove most headings and reduce their content
#37658: docs: move color-mode script
#37670: Docs: Fix typo in guide
#37671: Docs: replace twbs/bootstrap-npm-starter by twbs/examples/tree/main/icons-font
#37676: Docs: fix typo for Sass vars references in Customize > Color modes > Building with Sass
#37694: Docs: fix overflow:auto horizontal scrollbars covering last line of code blocks
#37698: Remove some unused SVGs in Dropdowns example
#37717: docs: improve social image partial
#37738: Docs: handle light/dark mode in Algolia search modal
#37740: Update navbar color-schemes to v5.3
#37741: Reduce size of guide dev server images
#37742: Fix CSS variables mentioned in our docs
#37757: Docs: remove .btn-*-dark from Button group docs to avoid issues in dark mode
#37763: Include twbs/examples repo examples in the Examples page
#37766: Docs: Remove unnecessary id/aria-labelledby from accordion examples
#37772: Docs: enhance Focus ring example section desc
#37779: Docs: remove remnants of Twitter / bump dates
#37780: Docs: Make theme switcher accessible
#37781: Fix code color in callouts
#37782: Docs: add CSS variables section in close button section
#37796: Add webpack build to webpack guide
#37798: Docs: fix accordion flush description
#37802: Docs: fix headings color in light/dark mode
#37803: Docs: Small enhancements
#37811: Docs: enhance colors description table
#37817: Docs: remove some CSS from .highlight-toolbar def
#37823: Docs: fix .btn-clipboard and .btn-edit link hover color
#37829: Docs: missing deprecated callout for list-group-item-variant() mixin
#37836: Remove autofocus on theme switch when page is loaded
#37839: Docs: add .fw-medium utility class example
#37848: Docs: fix typo in migration guide
#37855: docs: updates .text-*-left changes
#37859: Docs: fix broken links in Color modes page
#37861: Mention deprecated classes for color mode on offcanvas
#37862: Migration guide changes for v5.3.0-alpha2
#37863: Docs: update progress markup in Color modes page
#37869: Docs: changed popover to tooltip
#37871: Docs: Move form-text paragraph to Form control page
#37890: Docs: Deprecate the Sass var and remove any occurence of the .text-muted
#37894: Add docs callout for utilities that don't respond to color modes
#37895: Include variables-dark in the import stacks, plus a customize overview fix
#37896: Small color mode docs CSS fixes
#37897: Sass docs updates
#37898: Docs: Doc Scrollspy correction
#37899: Docs: Harmonize the flex doc
#37900: Docs: Enhancement proposal
#37918: fix typo in gutters doc
#37921: Docs: add overflow and text color info to progress bar page
#37923: Docs: tweak icon link and callouts
#37926: Docs: add scroll-margin-top for keyboard navigation
#37965: Attempt to fix focus ring being cut off in table of contents
#37994: Docs: remove redundant space in forms/validation.md
#38004: Remove unused partials and add some way to automatically detect it
#38006: Docs: Use ESM Popper CDN reference in 'Using Bootstrap as a module'
#38014: Docs: Progress fix + proposal
#38032: Remove debug references from DocSearch v2
#38040: Docs: uniformize disabled nav links for underline nav
#38057: More updates to migration guide
#38074: Fix console error in examples pages due to no theme switcher
#38087: Docs: Drop unused .focused style
#38095: Drop unused --bs-focus-ring-box-shadow and add documentation for --bs-focus-ring-{x|y|blur}
#38103: Docs: drop unused icons
#38112: Fix code indentation in homepage JavaScript plugins section
#38123: Fix dropdown toggle visible focus in headers example
#38130: Icon link: envariable + enhance the documentation
#38131: Utilities: Add one value for link-underline-opacity
#38151: Docs: replace 'popover' by 'tooltip' in tooltip's page's options section
#38152: Docs: rollback some modification about .text-muted deprecation messages
#38153: Docs: .text-body-secondary appears two times in Utilities > Colors
#38161: Fixed some grammar issues
#38164: Drop unused bootstrap-social-logo.png
#38169: Update buttons.md
#38175: Docs: consistent usage of CSS sections
#38177: Docs: minor modifications in our migration guide for the v5.3.0-alpha2
#38179: Docs: vertically align starters images in example page
#38182: Improve docs on Modals, Alerts, Offcanvas and Toasts close triggers examples
#38191: Docs: fix focus issue
#38192: Remove nesting color modes docs section
#38194: Fix typo in utilities/colors.md
#38196: Docs: Remove unnecessary href and tabindex="-1"
#38197: scss-docs: link enhancement
#38198: Docs: fix punctuation on Color modes page (it's -> its)
#38199: Docs: Better scroll
#38220: Docs: Proposal to use scroll-margin-top instead padding and margin
#38236: Docs: use core mixins in a couple of places
#38246: icon-link.md: remove moot aliases
#38247: Docs: consistent deprecation messages in Close Button dark variant
#38262: Docs: make all headings use var(--bs-emphasis-color)
#38263: Fix placeholder shortcode color and background params when 'img' markup
#38270: Slightly improve examples PNG files
#38301: docs: remove moot v from docs-versions.yml
#38305: Update Vite, Parcel and Webpack guides
#38308: Docs: scss-docs unindent automatically the code inside shortcode
#38310: Fix reference to twbs/examples/icons-font + fine-tune index.html SB location target
#38317: Docs: fix two class attributes on same button

🛠 Examples

#36309: New snippet examples
#37502: Fix grid and alignment in examples/features
#37562: Docs: display examples based on the docs current color mode
#37698: Remove some unused SVGs in Dropdowns example
#37718: Examples: Remove unnecessary id/aria-labelledby from cheatsheet accordions
#37763: Include twbs/examples repo examples in the Examples page
#37834: Update snippet examples for dark mode
#37889: Examples: Update grid example
#38071: Bump Chart.js from 2.9.4 to 4.2.1 in dashboard examples
#38074: Fix console error in examples pages due to no theme switcher
#38103: Docs: drop unused icons
#38123: Fix dropdown toggle visible focus in headers example
#38144: Examples: color mode enhancement
#38193: Fixes click area for header example snippet
#38310: Fix reference to twbs/examples/icons-font + fine-tune index.html SB location target

🌎 Accessibility

#36831: Rework progress bar markup and styles
#37354: Docs: rewrite/reorganise carousel docs page
#37533: Visually-hidden: Remove position: absolute for captions
#37587: Use aria-labelledby to associate form-text (helper) with input field when it contains mandatory info (e.g. data format)
#37616: Accessibility: Minor fixes
#37731: Update color contrast formula with new constant from WCAG 2.2
#37766: Docs: Remove unnecessary id/aria-labelledby from accordion examples
#37780: Docs: Make theme switcher accessible
#37836: Remove autofocus on theme switch when page is loaded
#37926: Docs: add scroll-margin-top for keyboard navigation
#38014: Docs: Progress fix + proposal
#38040: Docs: uniformize disabled nav links for underline nav
#38089: Tests: remove unnecessary id/aria-labelledby from collapse unit tests
#38123: Fix dropdown toggle visible focus in headers example
#38131: Utilities: Add one value for link-underline-opacity
#38191: Docs: fix focus issue
#38223: Fix wrong generation of aria-labelledby in tab navigation

🔧 Utility API

#38037: Fix $grid-breakpoints SCSS unit tests init

🏭 Tests

#36029: Add SCSS testing of the utilities API
#37713: Make scss tests work on Windows too
#38034: Minor fix to avoid creating void elements in tooltip test file
#38037: Fix $grid-breakpoints SCSS unit tests init
#38089: Tests: remove unnecessary id/aria-labelledby from collapse unit tests

🧰 Misc

#36325: CI: Add GitHub token permissions for workflows
#37565: package.json: include index.{esm,umd}.js files too
#37664: README.md: add logos to badges
#37690: Update docs and package information
#37712: package.json: exclude scss test files
#37714: CI: test CSS after build
#38195: Update docs workflow
#38225: Update codeql.yml
#38226: Specify lockfile-version=2 for older npm compatibility
#38227: Move --printUnusedTemplates in hugo scripts
#38228: Tweak stylelint config
#38314: vnu-jar.js: add more logging

📦 Dependencies

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

Full changelog: v5.3.0-alpha1...v5.3.0-alpha2

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

v5.3.0-alpha2

🚀 Features

🎨 CSS

☕️ JavaScript

📖 Docs

🛠 Examples

🌎 Accessibility

🔧 Utility API

🏭 Tests

🧰 Misc

📦 Dependencies