Bootstrap: v5.3.0-alpha2 Release

Release date:
March 24, 2023
Previous version:
v5.3.0-alpha1 (released December 24, 2022)
Magnitude:
5,379 Diff Delta
Contributors:
30 total committers
Data confidence:
Commits:

Top Contributors in v5.3.0-alpha2

mdo
julien-deramond
louismaximepiton
romaricpascal
patrickhlauke
XhmikosR
GeoSot
tkrotoff
serhii-babakov-011b
AucT

Directory Browser for v5.3.0-alpha2

We haven't yet finished calculating and confirming the files and directories changed in this release. Please check back soon.

Release Notes Published

πŸš€ 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: https://github.com/twbs/bootstrap/compare/v5.3.0-alpha1...v5.3.0-alpha2