github twbs/bootstrap v6.0.0-alpha.1
on GitHub

pre-release6 hours ago

Bootstrap 6 is here! Head to the blog shortly to learn more about this first alpha and some of the biggest and best changes. https://blog.getbootstrap.com

What's Changed

🚀 Features

  • Update a link in introduction.mdx by @Shakil-Shahadat in #41861
  • Document Invoker Commands for Dialog and Drawer by @mdo in #42826
  • Add :focus-within styles to .form-control by @mdo in #42829
  • Add a For Agents menu to the homepage by @mdo in #42853
  • Add .theme-reset to drop inherited theme tokens by @mdo in #42857
  • Add an accordion-gap modifier by @mdo in #42874
  • Relocate overflowing nav menus as overflow submenus by @mdo in #42873
  • Close plain navbar drawers on resize past expand by @mdo in #42828
  • Keep dismiss-on-next-click popovers open for tip interaction by @mdo in #42834
  • Add .table-card for rounded tables by @mdo in #42832

🎨 CSS

  • Fixes #41906: Add accent-color in Reboot for form control styling by @mdo in #42003
  • Replace rgba(), remove *-rgb variables by @mdo in #42004
  • Quick home and Stepper fixes by @mdo in #42009
  • Update docs sidebars by @mdo in #42011
  • Add new chip input and chips by @mdo in #42008
  • Docs: remove unused .bd-file-ref class by @julien-deramond in #42091
  • Add .not-prose class to opt out of .prose typography styles. by @julien-deramond in #42095
  • v6: Use token Sass map to customize CSS variables instead of Sass variables by @mdo in #41983
  • Update control CSS vars by @mdo in #42113
  • v6: Restore 16px base font-size by @mdo in #42119
  • Update blockquote to restore some OG styling, add nested example by @mdo in #42120
  • v6: Refresh navbar, offcanvas, Components nav, and clean up themes docs by @mdo in #42048
  • Rename $grid-breakpoints to $breakpoints, add to root tokens by @mdo in #42124
  • Use a box-shadow on .nav-tabs to prevent subpixel rendering issues by @mdo in #42126
  • Quick markup improvements for card by @mdo in #42131
  • Check for required fields in utility API mixin by @mdo in #42127
  • Rename datetime edit minute pseudo-element by @mdo in #42140
  • Add param to grid mixins for y gutter by @mdo in #42130
  • New root defaults for inputs and buttons by @pricop in #42139
  • Fixed the pagination component not matching the input / button by @pricop in #42137
  • Update button selectors and class usage by @mdo in #42149
  • Update nav link & pill items height by @pricop in #42146
  • Adjust vertical padding and border width for navbar-nav links by @pricop in #42158
  • Use token map for .navbar-nav CSS variables by @mdo in #42161
  • Revamp some examples, update navbars to have fallback values for color modes by @mdo in #42164
  • Update grid build to include grid utilities by @mdo in #42172
  • v6: Remove _variables.scss, move some vars to _config.scss, and clean up typography by @mdo in #42184
  • Bump lightningcss from 1.30.2 to 1.32.0 by @julien-deramond in #42196
  • Refine Stepper component by @pricop in #42165
  • Rename dropdown to menu, add combobox built on top of menu by @mdo in #42202
  • Define .browserslistrc as the single source of truth and embed it in npm package by @julien-deramond in #42195
  • Wrap alert text content in <p> to fix flex gap issue and improve semantics by @julien-deramond in #42175
  • Update Sass and Theme docs to document mixins and functions better by @mdo in #42173
  • Migrate from infix to prefix by @mdo in #42203
  • Remove RTLCSS mentions and more by @mdo in #42246
  • v6: Rename Offcanvas to Drawer, rebuild Drawer on <dialog> & Dialog, refresh Toasts by @mdo in #42245
  • Small v6 Reboot updates by @mdo in #42252
  • v6: Docs design updates by @mdo in #42250
  • Update utility API for children selectors by @mdo in #42224
  • Update utility API to use prefixes for states by @mdo in #42266
  • Update remaining rgba()/rgb() syntax by @mdo in #42267
  • Use modern :not() syntax by @mdo in #42268
  • Remove some global Sass functions by @mdo in #42271
  • Button group dividers by @mdo in #42284
  • Rename theme text tokens to fg, update utilities by @mdo in #42295
  • v6: New form fields component, updated validation, remove validation icons, and more by @mdo in #42308
  • Add validation feedback IDs for a11y, set aria-invalid on controls on example JS by @mdo in #42313
  • Revamp focus ring helper and docs by @mdo in #42350
  • v6: Card updates, use var(--spacer) over $spacer more by @mdo in #42354
  • v6: Dialog fixes by @mdo in #42353
  • v6: Form cleanup & new --radius-* tokens/classes by @mdo in #42356
  • v6: More utilities API, docs, tests by @mdo in #42381
  • v6: accordions - hide default WebKit details marker (old Safari) by @coliff in #42401
  • Couple chips follow ups by @mdo in #42411
  • v6: docs - Update utility class names in docs and examples by @coliff in #42418
  • v6: Add animation for expanding/collapsing accordions by @coliff in #42047
  • Update monospace font stack by @mdo in #42448
  • Restore border-radius to .card by @mdo in #42449
  • v6: More docs updates by @mdo in #42450
  • Update ampm-field to meridiem-field by @pardeyke in #42397
  • Update avatars by @mdo in #42456
  • Widen custom switch component by @mdo in #42460
  • Move SVGs to CSS masks by @mdo in #42465
  • Add .fg-reset text utility by @julien-deramond in #42495
  • Carousel: scroll-snap rebuild, opt-in autoplay, play/pause, and UI redesign by @mdo in #42484
  • Fix dark mode on built site by bumping browserslist by @mdo in #42471
  • Re-run dist with latest browser support, plus some fixes by @mdo in #42505
  • Use min/max width to prevent Close button collapsing in flex containers by @julien-deramond in #42518
  • Drop deprecated .alert-dismissible remaining usage by @julien-deramond in #42520
  • V6 more form fixes by @mdo in #42523
  • feat(a11y): use list-style-type: "" instead of list-style: none by @mdo in #42526
  • Menus: support nested toggles and fix submenu position flash by @mdo in #42533
  • Add Range plugin for track fill, value bubble, and tick marks by @mdo in #42525
  • Floating labels: place label before control for screen readers by @mdo in #42539
  • Tooltip/Popover/Menu: small fixes (contenteditable, arrow color, docs) by @mdo in #42550
  • v6: Remove extra bottom border on card navigation nav-tabs by @claudiob in #42571
  • Fix iframe color-scheme behavior by @mdo in #42605
  • Clean up Dialog & Dialog CSS by @mdo in #42604
  • More docs cleanup by @mdo in #42610
  • OTP: fix click-to-focus and overwrite-on-retype by @mdo in #42524
  • Drawer: fix double scrollbar on responsive/modal drawers by @mdo in #42629
  • v6: Prevent border-color utility inheritance, harden other utilities by @mdo in #42669
  • Fix compiled banner version and wire the live banner into change-version.mjs by @julien-deramond in #42670
  • Docs: fix stale ScssDocs in colors and background utility pages by @mdo in #42698
  • Split _type.scss into separate partials, add CSS tokens to more type styles by @mdo in #42700
  • Add layered shadows, shadow theme variant utilities, shadow-xs, and keyline border width. by @mdo in #42675
  • Finish moving Sass variables to CSS custom property tokens by @mdo in #42701
  • Add theme variant support to pagination by @mdo in #42702
  • Redo z-index execution by @mdo in #42607
  • Clean up commented out WebKit form control sizing CSS & docs by @mdo in #42731
  • v6: Example fixes by @coliff in #42608
  • Fix dead variables-dark import in dormant SCSS mixin tests by @julien-deramond in #42746
  • Examples: fix malformed --bs-bs-bs-bs-bs- custom properties in example CSS by @julien-deramond in #42747
  • Fix stale v5 CSS custom properties and migrate breadcrumb example to v6 divider markup by @julien-deramond in #42748
  • Examples: remove unused CSS rules by @julien-deramond in #42749
  • Fix cropped navbar content when expanded by @Hashim1999164 in #42753
  • Fix navbar-brand and nav-link ignoring theme-* accent color classes by @julien-deramond in #42756
  • New container queries for CSS grid by @mdo in #42598
  • Guard placeholder glow/wave animations behind prefers-reduced-motion by @julien-deramond in #42768
  • Fix menus with unclickable items inside drawers by @mdo in #42777
  • Drop system-ui from the default body font stack by @mdo in #42780
  • Make .form-adorn wrappers focus the input on click by @mdo in #42796
  • Reserve scrollbar space in code blocks by @mdo in #42794
  • Give the navbar a min-height instead of computed heights by @mdo in #42795
  • Add dynamic viewport height and width utilities by @mdo in #42800
  • Forward config from bootstrap.scss so $utilities is configurable by @mdo in #42801
  • Motion utilities, tokenized component transitions, and animated form controls by @mdo in #42716
  • Fix transition tokens so every listed property animates by @mdo in #42781
  • Add color-scheme utilities so one embed can opt out of dark mode by @mdo in #42807
  • Make nav overflow a wrapper around the nav by @mdo in #42814
  • Re-mint CSS vars for .theme-contrast by @mdo in #42824
  • Finish the CSS-first transition model by @mdo in #42816
  • Use defaults() for global config maps and $badge-variants by @mdo in #42850
  • Fix Sass theme map configuration and merge overrides via defaults() by @mdo in #42849
  • Use :host in root selectors so Web Components can access CSS vars by @mdo in #42839
  • Remove the breadcrumb bottom margin by @mdo in #42877
  • Keep a nonmodal dialog centered by @mdo in #42876
  • Tighten theme mix, shades, and border docs by @mdo in #42875
  • Use percentages for the navbar dark color-mix() weights by @julien-deramond in #42925
  • Resolve alert theme tokens at the declaration by @mdo in #42923
  • Declare missing --btn-input-font-weight token by @julien-deramond in #42931
  • Fix undefined --fg-color reference in nav tokens by @julien-deramond in #42930
  • Wire --spacer to $spacer in root tokens by @julien-deramond in #42927
  • Remove stale .form-select selectors from input group styles by @julien-deramond in #42928
  • Update Vanilla Calendar Pro to v3.4.0 and fix datepicker dismissal by @mdo in #42856
  • Improve placeholder sizing and loading animations by @mdo in #42882
  • Remove unused $enable-caret and caret mixins by @julien-deramond in #42957
  • Floating labels: always float date and time inputs by @mdo in #42833
  • Fix .btn-group-divider position in RTL by @julien-deramond in #42976
  • Let .theme-* classes color the range by @andreas-venturini in #42973

☕️ JavaScript

  • Migrate JS to ESM only by @mdo in #42132
  • Remove the Collapse toggle option by @mdo in #42799
  • Return a promise from the JavaScript lifecycle methods by @mdo in #42802
  • Nav & Tab docs updates, plus add Chip Input to JS bundle by @mdo in #42214
  • Use isRTL util in Drawer JS code by @julien-deramond in #42254
  • Fix popovers dismiss in Chrome browsers by @mdo in #42352
  • Rework OTP input as a single accessible input with rendered slots by @mdo in #42500
  • Allow dismissing tooltips and popovers with the Escape key by @mdo in #42472
  • Carousel: fix Safari zoom scroll overshoot with a JS-driven slide animation by @mdo in #42506
  • Dispose existing instance when a component is re-instantiated on an element by @mdo in #42509
  • Drop deprecated .modal-backdrop class, and unused util/backdrop.js by @julien-deramond in #42538
  • Dialog/Drawer: fix focus-restore scroll and dispose-while-open cleanup by @mdo in #42544
  • Dialog/Drawer: lock scroll on the root element to prevent layout shift by @mdo in #42545
  • Tab: ignore modifier+arrow shortcuts; docs: menu Escape behavior by @mdo in #42553
  • Tooltip/Popover: fix prevented-show lockout and boolean title/content by @mdo in #42548
  • Docs: navbar menu buttons, menu JS toggle, delegated tooltips by @mdo in #42552
  • Tests: fix dialog/drawer dispose-while-open scroll-lock assertions by @mdo in #42575
  • Menu/Popover: setContent show gate + forms-in-menu auto-close by @mdo in #42551
  • Sanitizer: block data:/vbscript: URLs (XSS hardening) by @mdo in #42549
  • Remove unused FocusTrap and ScrollBarHelper utilities by @mdo in #42595
  • ScrollSpy: deterministic active-section detection by @mdo in #42557
  • Datepicker: populate input with preselected dates on load by @mdo in #42628
  • Build the dist files with Rolldown by @mdo in #42758
  • Replace Karma with Vitest and finish the Rollup removal by @mdo in #42764
  • Drop Collapse trigger .collapsed state and rely on aria-expanded by @mdo in #42771
  • Fix custom mouse event handler semantics by @mdo in #42778
  • Remove unused selector engine helpers by @mdo in #42793
  • Let dismiss triggers find responsive drawers by @mdo in #42798
  • Add a default aria-pressed to toggle buttons by @mdo in #42797
  • Fix Menu keyboard navigation inside nested submenus by @mdo in #42804
  • Sanitize HTML icon options in Chips and NavOverflow by @aljojoby9 in #42805
  • Close the datepicker when focus leaves by @mdo in #42855
  • Make tooltips hover-able by @mdo in #42838
  • Fix Dialog swap opening both dialogs on double-click by @mdo in #42926
  • Fix OTP input truncation for formatted paste by @mdo in #42953
  • Focus search after opening from navbar by @mdo in #42954
  • Fix v6 component regressions and docs SRI by @mdo in #42961
  • Fix Chips Shift+Click range selection losing its anchor by @kwy404 in #42956
  • Improve JSDoc of parseSelector, reflow and getNextActiveElement in js/src/util/index.ts by @julien-deramond in #42977

📖 Docs

🛠 Examples

🌎 Accessibility

🏭 Tests

🧰 Misc

  • Add incident response plan documentation by @mdo in #41905
  • Upgrade stylelint config by @mdo in #42223
  • docs: fix menu clipping in resizable examples + configurable dev port by @mdo in #42470
  • Prevent .DS_Store in our zip files by @mdo in #42123
  • Add a skill for v5 for v6 migration by @mdo in #42349
  • Add a Bootstrap release skill by @mdo in #42960
  • Add a manual workflow to deploy the docs to gh-pages by @mdo in #42922
  • Fix Vite dependency scan error in docs dev server by @julien-deramond in #42970
  • Fix docs build on Windows by @mdo in #42991

📦 Dependencies

🗒 Other changes

New Contributors

Full Changelog: v5.3.8...v6.0.0-alpha.1

Check out latest releases or
releases around twbs/bootstrap v6.0.0-alpha.1

Don't miss a new bootstrap release

NewReleases is sending notifications on new releases.

Get notifications