search

svg-GHC-2 / frank

0 stars 0 forks source link

Update dependency bootstrap to v5 - autoclosed #21

Closed mend-for-github-com[bot] closed 1 year ago

mend-for-github-com[bot] commented 1 year ago

This PR contains the following updates:

Package Type Update Change
bootstrap (source) dependencies major 4.1.0 -> 5.3.2

Release Notes

twbs/bootstrap ### [`v5.3.2`](https://togithub.com/twbs/bootstrap/releases/tag/v5.3.2) [Compare Source](https://togithub.com/twbs/bootstrap/compare/v5.3.1...v5.3.2) #### Highlights - Passing a percentage unit to the global `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 the `divide()` function. The `divide()` 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. - Using multiple `id`s in a collapse target wasn't working anymore and has been fixed. #### Color modes - Increased color contrast of form range track background in light and dark modes. - Fixed table state rendering for color modes with a focus on the striped table in dark mode to increase color contrast. - Allow `` color customization for color modes. #### Docs - Added alternative CDNs section in [Getting started -> Download](https://getbootstrap.com/docs/5.3/getting-started/download/#alternative-cdns). - Added Discord and Bootstrap subreddit links in [README](https://togithub.com/twbs/bootstrap/blob/main/README.md) and [Getting started -> Introduction](https://getbootstrap.com/docs/5.3/getting-started/introduction/): - [Discord](https://discord.gg/bZUvakRU3M) maintained by the community - [Bootstrap subreddit](https://reddit.com/r/bootstrap) *** #### 🎨 CSS - [#​38816](https://togithub.com/twbs/bootstrap/issues/38816): Use `box-shadow` CSS variables shadow utilities - [#​38955](https://togithub.com/twbs/bootstrap/issues/38955): Fix radios looking like ellipse on responsive mode - [#​38976](https://togithub.com/twbs/bootstrap/issues/38976): Use box-shadow CSS vars instead of Sass vars in assets and variables - [#​39030](https://togithub.com/twbs/bootstrap/issues/39030): Fix dart-sass deprecation warning - [#​39033](https://togithub.com/twbs/bootstrap/issues/39033): Color mode: fix table state rendering - [#​39095](https://togithub.com/twbs/bootstrap/issues/39095): Make form range track background more contrasted - [#​39119](https://togithub.com/twbs/bootstrap/issues/39119): New Sass var `$btn-link-focus-shadow-rgb` to allow customization - [#​39141](https://togithub.com/twbs/bootstrap/issues/39141): New Sass variable to handle `` dark mode bg color #### ☕️ JavaScript - [#​38989](https://togithub.com/twbs/bootstrap/issues/38989): Collapse: Fix multiple `id`s calls - [#​39046](https://togithub.com/twbs/bootstrap/issues/39046): Dropdown: reuse variable #### 📖 Docs - [#​38873](https://togithub.com/twbs/bootstrap/issues/38873): Discord reddit bootstrap - [#​38970](https://togithub.com/twbs/bootstrap/issues/38970): docs: add BootstrapVueNext to docs - [#​38977](https://togithub.com/twbs/bootstrap/issues/38977): Docs: Add missing form elements in focusable elements - [#​38978](https://togithub.com/twbs/bootstrap/issues/38978): Docs: Fix popover template role error - [#​38995](https://togithub.com/twbs/bootstrap/issues/38995): introduction: drop `details` element - [#​39037](https://togithub.com/twbs/bootstrap/issues/39037): Further improve image compression with oxipng and the latest jpegoptim - [#​39054](https://togithub.com/twbs/bootstrap/issues/39054): Docs: Remove incorrect mention of `.left-` and `.right-` utilities from migration guide - [#​39060](https://togithub.com/twbs/bootstrap/issues/39060): Migration: add back v5.0.0 heading - [#​39145](https://togithub.com/twbs/bootstrap/issues/39145): Docs: add warning callout to add a workaround when jsDelivr is not available - [#​39177](https://togithub.com/twbs/bootstrap/issues/39177): Fix: make theme selector tick icon visible when active in examples layout - [#​39179](https://togithub.com/twbs/bootstrap/issues/39179): download: Reword CDN paragraph #### 🛠 Examples - [#​38994](https://togithub.com/twbs/bootstrap/issues/38994): examples: update 3rd-party packages - [#​39086](https://togithub.com/twbs/bootstrap/issues/39086): Correct grammar error in examples/starter-template #### 🌎 Accessibility - [#​38978](https://togithub.com/twbs/bootstrap/issues/38978): Docs: Fix popover template role error - [#​39095](https://togithub.com/twbs/bootstrap/issues/39095): Make form range track background more contrasted #### 🧰 Misc - [#​38983](https://togithub.com/twbs/bootstrap/issues/38983): Improve change-version script - [#​38984](https://togithub.com/twbs/bootstrap/issues/38984): Convert build scripts to ESM - [#​39021](https://togithub.com/twbs/bootstrap/issues/39021): CI: update permissions for calibreapp-image-actions.yml #### 📦 Dependencies - Updated numerous [devDependencies](https://togithub.com/twbs/bootstrap/pulls?q=is%3Apr+label%3Adependencies+project%3Atwbs%2F30+is%3Aclosed) ### [`v5.3.1`](https://togithub.com/twbs/bootstrap/releases/tag/v5.3.1) [Compare Source](https://togithub.com/twbs/bootstrap/compare/v5.3.0...v5.3.1) #### Highlights - **Color modes:** - Increased color contrast for dark mode by replacing `$gray-500` with `$gray-300` for the body color - Added our color mode switcher JavaScript to our examples ZIP download - **Components:** - Improved disabled styling for all `.nav-link`s, providing `.disabled` and `:disabled` for use with anchors and buttons - Add support for `Home` and `End` keys for navigating tabs by keyboard - Added some basic styling to toggle buttons when no modifier class is present - Fixed carousel colors in dark mode - **Forms:** - Fixed floating label disabled text color - **Utilities:** - `.text-bg-*` utilities now use CSS variables - **Sass:** - Add new `$navbar-dark-icon-color` Sass variable - Removed duplicate `$alert` Sass variables - Added a new variable for `$vr-border-width` to customize the vertical rule helper width - **Documentation:** - Added search to our homepage - Improved responsive behavior on Dashboard example - Improved dark mode rendering of Cheatsheet examples *** #### 🎨 CSS - [#​38913](https://togithub.com/twbs/bootstrap/issues/38913): Floating labels: fix disabled with text inside - [#​38772](https://togithub.com/twbs/bootstrap/issues/38772): `.text-bg-*` helpers now use theme CSS variables - [#​38886](https://togithub.com/twbs/bootstrap/issues/38886): New Sass variable to change vertical rule width - [#​38851](https://togithub.com/twbs/bootstrap/issues/38851): Fix Sass properties order for newer stylelint-config-recess-order - [#​38815](https://togithub.com/twbs/bootstrap/issues/38815): Increase contrast in dark-mode ([#​38525](https://togithub.com/twbs/bootstrap/issues/38525)) - [#​38774](https://togithub.com/twbs/bootstrap/issues/38774): Generalize disabled nav links CSS rules - [#​38673](https://togithub.com/twbs/bootstrap/issues/38673): Add `$navbar-dark-icon-color` - [#​38674](https://togithub.com/twbs/bootstrap/issues/38674): Remove duplicate `$alert-*-scale` Sass vars #### ☕️ JavaScript - [#​38498](https://togithub.com/twbs/bootstrap/issues/38498): Support `Home` and `End` keys in tabs #### 📖 Docs - [#​38958](https://togithub.com/twbs/bootstrap/issues/38958): Examples: improve spinner buttons accessibility - [#​38947](https://togithub.com/twbs/bootstrap/issues/38947): Fix postcss plugin options - [#​38885](https://togithub.com/twbs/bootstrap/issues/38885): Docs: Update float responsive examples - [#​38946](https://togithub.com/twbs/bootstrap/issues/38946): Docs: remove v4 reference on homepage - [#​38948](https://togithub.com/twbs/bootstrap/issues/38948): Fix some typos in Customize > Sass doc - [#​38840](https://togithub.com/twbs/bootstrap/issues/38840): Docs: fix carousel carousel colors of carousel examples in dark mode - [#​38604](https://togithub.com/twbs/bootstrap/issues/38604): Add dropdown alignment options to button group example - [#​38894](https://togithub.com/twbs/bootstrap/issues/38894): Docs: add blank target and `noopener` rel to footer external links - [#​38902](https://togithub.com/twbs/bootstrap/issues/38902): Fix tooltip generated markup documentation - [#​38883](https://togithub.com/twbs/bootstrap/issues/38883): Docs: Fix incorrect class name on migration guide - [#​38708](https://togithub.com/twbs/bootstrap/issues/38708): add a base class style display for toggle buttons - [#​38827](https://togithub.com/twbs/bootstrap/issues/38827): Docs: add missing `aria-disabled='true'` to disabled anchors - [#​38844](https://togithub.com/twbs/bootstrap/issues/38844): Fix for text-reset example class name - [#​38838](https://togithub.com/twbs/bootstrap/issues/38838): JS/SCSS shortcodes: Add new feature to remove nested calls inside. - [#​38850](https://togithub.com/twbs/bootstrap/issues/38850): Add docs search to homepage - [#​38872](https://togithub.com/twbs/bootstrap/issues/38872): Docs: Improve Text Alignment Example - [#​38865](https://togithub.com/twbs/bootstrap/issues/38865): Fix custom-radio class name on migration guide - [#​38786](https://togithub.com/twbs/bootstrap/issues/38786): Explicitly add missing opacity-0 helper class example for clarity. - [#​38707](https://togithub.com/twbs/bootstrap/issues/38707): Update bottom border on dark navbar example - [#​38726](https://togithub.com/twbs/bootstrap/issues/38726): Update flex utilities link in navs docs - [#​38734](https://togithub.com/twbs/bootstrap/issues/38734): Minor fixes for Docs Versions page - [#​38745](https://togithub.com/twbs/bootstrap/issues/38745): Fix stack examples - [#​38751](https://togithub.com/twbs/bootstrap/issues/38751): Docs (tooltips): Fix "them" typo in markup section - [#​38688](https://togithub.com/twbs/bootstrap/issues/38688): Fix missing word issue on nav-tabs page - [#​38681](https://togithub.com/twbs/bootstrap/issues/38681): Docs: consistency between custom buttons, popovers and tooltips - [#​38600](https://togithub.com/twbs/bootstrap/issues/38600): collate distribution interval - [#​38632](https://togithub.com/twbs/bootstrap/issues/38632): docs(spinners): improve buttons examples accessibility - [#​38583](https://togithub.com/twbs/bootstrap/issues/38583): Docs: add more details on accessibility tips - [#​38554](https://togithub.com/twbs/bootstrap/issues/38554): Doc: fix 'Events' JS example - [#​38592](https://togithub.com/twbs/bootstrap/issues/38592): docs(forms): switch to `aria-describedby` - [#​38542](https://togithub.com/twbs/bootstrap/issues/38542): Use `.d-none` instead of inline styling - [#​38616](https://togithub.com/twbs/bootstrap/issues/38616): Add 'Issues assignment' section to the Contributing Guidelines - [#​38528](https://togithub.com/twbs/bootstrap/issues/38528): Adding a link to `clearfix` - [#​38538](https://togithub.com/twbs/bootstrap/issues/38538): Update Sass docs to mention compiling and including - [#​38623](https://togithub.com/twbs/bootstrap/issues/38623): Fix disabled element tooltip StackBlitz #### 🛠 Examples - [#​38958](https://togithub.com/twbs/bootstrap/issues/38958): Examples: improve spinner buttons accessibility - [#​38952](https://togithub.com/twbs/bootstrap/issues/38952): dashboard: fix offcanvas md display - [#​38840](https://togithub.com/twbs/bootstrap/issues/38840): Docs: fix carousel carousel colors of carousel examples in dark mode - [#​38905](https://togithub.com/twbs/bootstrap/issues/38905): Fix dark mode rendering of Cheatsheet examples - [#​38711](https://togithub.com/twbs/bootstrap/issues/38711): Fix link colors in Sidebars example #### 🌎 Accessibility - [#​38958](https://togithub.com/twbs/bootstrap/issues/38958): Examples: improve spinner buttons accessibility - [#​38498](https://togithub.com/twbs/bootstrap/issues/38498): Support `Home` and `End` keys in tabs - [#​38827](https://togithub.com/twbs/bootstrap/issues/38827): Docs: add missing `aria-disabled='true'` to disabled anchors - [#​38850](https://togithub.com/twbs/bootstrap/issues/38850): Add docs search to homepage - [#​38774](https://togithub.com/twbs/bootstrap/issues/38774): Generalize disabled nav links CSS rules - [#​38632](https://togithub.com/twbs/bootstrap/issues/38632): docs(spinners): improve buttons examples accessibility - [#​38583](https://togithub.com/twbs/bootstrap/issues/38583): Docs: add more details on accessibility tips - [#​38592](https://togithub.com/twbs/bootstrap/issues/38592): docs(forms): switch to aria-describedby #### 🧰 Misc - [#​38747](https://togithub.com/twbs/bootstrap/issues/38747): Add `color-modes.js` to `bootstrap-x.y.z-examples.zip` #### 📦 Dependencies - Updated numerous [devDependencies](https://togithub.com/twbs/bootstrap/pulls?q=is%3Apr+label%3Adependencies+project%3Atwbs%2F26+is%3Aclosed) ### [`v5.3.0`](https://togithub.com/twbs/bootstrap/compare/v5.2.3...v5.3.0) [Compare Source](https://togithub.com/twbs/bootstrap/compare/v5.2.3...v5.3.0) ### [`v5.2.3`](https://togithub.com/twbs/bootstrap/releases/tag/v5.2.3) [Compare Source](https://togithub.com/twbs/bootstrap/compare/v5.2.2...v5.2.3) #### Fixes ##### 🎨 CSS - [#​37377](https://togithub.com/twbs/bootstrap/issues/37377): Import root in bootstrap-utilities - [#​37425](https://togithub.com/twbs/bootstrap/issues/37425): Fix deprecation warning with sass 1.56.0 - [#​37266](https://togithub.com/twbs/bootstrap/issues/37266): Carousel: Fix RTL `translate()` direction ##### ☕️ JavaScript - [#​37235](https://togithub.com/twbs/bootstrap/issues/37235): fix tooltip/popper disposal inconsistencies ### [`v5.2.2`](https://togithub.com/twbs/bootstrap/releases/tag/v5.2.2) [Compare Source](https://togithub.com/twbs/bootstrap/compare/v5.2.1...v5.2.2) #### Highlights - **Accordion** - Use Sass variable for the accordion color instead of an invalid CSS variable - **Buttons** - Undo changes to `.btn:hover` from v5.2.1. We now explicitly target `.btn-check` styles instead. - **Dropdowns** - Restore the ability for dropdowns to work without an explicit `data` attribute (will be removed again in v6) - **Modals** - Improve modal event listeners - Use `

` for all `.modal-title` instances in our docs - **Tables** - Don't redefine `$border-color` in `table-variant()` mixin - **Tabs** - Tabs no longer autofocus and cause pages to jump on `tab.show()` - Fix `.active` class toggling of tabs within dropdowns - **Toasts** - Properly set toast `z-index` on `.toast-container` as opposed to individual `.toast`s that don't receive any other positioning - **Tooltips** - Fix tooltip selectors with `title` attribute on dynamically created elements #### 🎨 CSS - [#​37118](https://togithub.com/twbs/bootstrap/issues/37118): Set toast z-index variable in the correct spot - [#​37165](https://togithub.com/twbs/bootstrap/issues/37165): Explicitly target `.btn-check` and undo `:hover` - [#​37182](https://togithub.com/twbs/bootstrap/issues/37182): Use Sass variable for accordion color - [#​37239](https://togithub.com/twbs/bootstrap/issues/37239): Don't redefine `$border-color` in `table-variant` mixin #### ☕️ JavaScript - [#​36914](https://togithub.com/twbs/bootstrap/issues/36914): Fix tooltip selector usage - [#​37128](https://togithub.com/twbs/bootstrap/issues/37128): Fix modal event listeners - [#​37146](https://togithub.com/twbs/bootstrap/issues/37146): Drop tabs auto-focus - [#​37151](https://togithub.com/twbs/bootstrap/issues/37151): Fix active class toggling of tabs within dropdown - [#​37189](https://togithub.com/twbs/bootstrap/issues/37189): Enrich Tab Test for keyboard handler - [#​37190](https://togithub.com/twbs/bootstrap/issues/37190): Dropdown: fix case with invalid markup - [#​37200](https://togithub.com/twbs/bootstrap/issues/37200): Ensure Tab keyboard functionality after [#​37146](https://togithub.com/twbs/bootstrap/issues/37146) #### 📖 Docs - [#​36899](https://togithub.com/twbs/bootstrap/issues/36899): Slightly improve image compression - [#​37142](https://togithub.com/twbs/bootstrap/issues/37142): Add informative note for Tooltip/Popover selector option - [#​37145](https://togithub.com/twbs/bootstrap/issues/37145): Docs: minor fix for Navbar > Offcanvas examples - [#​37153](https://togithub.com/twbs/bootstrap/issues/37153): Fix typo in docs - Configure Vite section - [#​37199](https://togithub.com/twbs/bootstrap/issues/37199): Replace Webpack and Vite PNGs by SVGs - [#​37210](https://togithub.com/twbs/bootstrap/issues/37210): Use `

` for all `modal-title` examples/uses - [#​37214](https://togithub.com/twbs/bootstrap/issues/37214): Docs: Change `view in GitHub` links inside `main` #### 🌎 Accessibility - [#​37200](https://togithub.com/twbs/bootstrap/issues/37200): Ensure Tab keyboard functionality after [#​37146](https://togithub.com/twbs/bootstrap/issues/37146) - [#​37210](https://togithub.com/twbs/bootstrap/issues/37210): Use `

` for all `modal-title` examples/uses #### 🏭 Tests - [#​36915](https://togithub.com/twbs/bootstrap/issues/36915): Use ES6 on visual tests - [#​37189](https://togithub.com/twbs/bootstrap/issues/37189): Enrich Tab Test for keyboard handler #### 🧰 Misc - [#​35079](https://togithub.com/twbs/bootstrap/issues/35079): Add PR template - [#​36421](https://togithub.com/twbs/bootstrap/issues/36421): NuGet: Use license expression - [#​37186](https://togithub.com/twbs/bootstrap/issues/37186): Add eslint-plugin-html to lint JS in HTML files #### 📦 Dependencies - Updated numerous devDependencies: ### [`v5.2.1`](https://togithub.com/twbs/bootstrap/releases/tag/v5.2.1) [Compare Source](https://togithub.com/twbs/bootstrap/compare/v5.2.0...v5.2.1) #### 🚀 Highlights - **Accordion** - Update `color` value to use the `$accordion-button-color` Sass variable instead of our color contrast function - **Buttons** - Added a `transparent` default hover border color CSS variable for buttons to fix a visual regression - `.btn-link` no longer has a gradient when `$enable-gradients` is set to `true` - **Forms** - Input groups have updated `z-index` values to ensure proper rendering of validated form fields - Floating labels now reset their `text-align` to ensure consistent styling - **List Groups** - Horizontal list groups with only one child now render the correct `border-radius` - Modified the `list-group-item` selectors to better support nested imports of Bootstrap's CSS - **Modals** - Fixed modal event listeners during dismiss click, allowing you to once again click scrollbars without dismissing the modal - **Pagination** - Fixed incorrect `border-radius` values inside pagination components - **Scrollspy** - Scrollspy threshold option is now configurable - **Tooltips** - Reverted some tooltip plugin updates to prevent issues with `selector`, dynamic content, and disposed tooltips using `title` #### 🚀 Features - [#​36750](https://togithub.com/twbs/bootstrap/issues/36750): ScrollSpy: make the threshold option configurable #### 🎨 CSS - [#​36507](https://togithub.com/twbs/bootstrap/issues/36507): v5/docs: reintroduce `outline` for docs code samples, buttons when `:not(:focus-visible)` - [#​36593](https://togithub.com/twbs/bootstrap/issues/36593): flush variant of accordion border radius - [#​36663](https://togithub.com/twbs/bootstrap/issues/36663): fix [#​36662](https://togithub.com/twbs/bootstrap/issues/36662) List-group-item margin-top is offset when importing sass in a nested class - [#​36694](https://togithub.com/twbs/bootstrap/issues/36694): Docs: add grid-row-columns variable - [#​36791](https://togithub.com/twbs/bootstrap/issues/36791): Remove a unused sass parameter from banner mixin - [#​36828](https://togithub.com/twbs/bootstrap/issues/36828): Fix pagination page items border radius - [#​36849](https://togithub.com/twbs/bootstrap/issues/36849): Define correctly `$popover-header-color` - [#​36873](https://togithub.com/twbs/bootstrap/issues/36873): Fix floating labels under `.text-center` - [#​36874](https://togithub.com/twbs/bootstrap/issues/36874): Floating labels in input group: Border fix - [#​36921](https://togithub.com/twbs/bootstrap/issues/36921): Accordion color should use $accordion-color - [#​36986](https://togithub.com/twbs/bootstrap/issues/36986): bugfix undefined border color variable for btn [#​36938](https://togithub.com/twbs/bootstrap/issues/36938) - [#​37017](https://togithub.com/twbs/bootstrap/issues/37017): List group: Fix horizontal when only one child - [#​37021](https://togithub.com/twbs/bootstrap/issues/37021): Scss: Adding missing `z-index` CSS variables. - [#​37026](https://togithub.com/twbs/bootstrap/issues/37026): Rework button focus/active styling, with extra changes for checks/radios - [#​37027](https://togithub.com/twbs/bootstrap/issues/37027): Search modal: Set cursor on auto - [#​37034](https://togithub.com/twbs/bootstrap/issues/37034): More consistency for CSS/Sass vars doc for components with dark variants - [#​37059](https://togithub.com/twbs/bootstrap/issues/37059): Fix input group z-index focus + validation - [#​37078](https://togithub.com/twbs/bootstrap/issues/37078): Remove gradient from `.btn-link` - [#​37079](https://togithub.com/twbs/bootstrap/issues/37079): Add workarounds for postcss values parser error - [#​37080](https://togithub.com/twbs/bootstrap/issues/37080): btn-group draws first input margin [#​36794](https://togithub.com/twbs/bootstrap/issues/36794) - [#​37093](https://togithub.com/twbs/bootstrap/issues/37093): Fix accordion button color #### ☕️ JavaScript - [#​36750](https://togithub.com/twbs/bootstrap/issues/36750): ScrollSpy: make the threshold option configurable - [#​36751](https://togithub.com/twbs/bootstrap/issues/36751): Re-set tooltip title on disposal - [#​36863](https://togithub.com/twbs/bootstrap/issues/36863): Fix modal event-listeners during dismiss click - [#​37011](https://togithub.com/twbs/bootstrap/issues/37011): Multiple dropdowns: Fix when inside same tag - [#​37019](https://togithub.com/twbs/bootstrap/issues/37019): Docs: Fix js options to what is really inside js - [#​37072](https://togithub.com/twbs/bootstrap/issues/37072): Docs: Put methods in table - [#​37086](https://togithub.com/twbs/bootstrap/issues/37086): Fix tooltip manual toggling #### 📖 Docs - [#​36493](https://togithub.com/twbs/bootstrap/issues/36493): Docs: Replace wrong mobile OS Windows with iOS - [#​36587](https://togithub.com/twbs/bootstrap/issues/36587): Document how to extract CSS, SVG for strict CSP - [#​36694](https://togithub.com/twbs/bootstrap/issues/36694): Docs: add grid-row-columns variable - [#​36771](https://togithub.com/twbs/bootstrap/issues/36771): Fix typos after [#​36762](https://togithub.com/twbs/bootstrap/issues/36762) - [#​36804](https://togithub.com/twbs/bootstrap/issues/36804): Simplify social images and add ability to set per-page images - [#​36812](https://togithub.com/twbs/bootstrap/issues/36812): Fix broken url - [#​36819](https://togithub.com/twbs/bootstrap/issues/36819): Rename scrollspy to toast in toasts.md - [#​36824](https://togithub.com/twbs/bootstrap/issues/36824): Move DocSearch out of offcanvas to always show it on mobile - [#​36825](https://togithub.com/twbs/bootstrap/issues/36825): Remove Slack from site and repo docs - [#​36827](https://togithub.com/twbs/bootstrap/issues/36827): Redirect users to different templates of issues rather than an empty one - [#​36829](https://togithub.com/twbs/bootstrap/issues/36829): Docs: correct heading levels in features example - [#​36836](https://togithub.com/twbs/bootstrap/issues/36836): Docs: use added-in shortcode in Offcanvas - [#​36838](https://togithub.com/twbs/bootstrap/issues/36838): Docs: Missing added-in shortcode - [#​36839](https://togithub.com/twbs/bootstrap/issues/36839): Docs: Fix markdown link error - [#​36850](https://togithub.com/twbs/bootstrap/issues/36850): Add navbar image alt text - [#​36867](https://togithub.com/twbs/bootstrap/issues/36867): Docs: expand popover custom container explanation - [#​36871](https://togithub.com/twbs/bootstrap/issues/36871): Fix docs typo of `.form-checkbox` -> `.form-check` - [#​36877](https://togithub.com/twbs/bootstrap/issues/36877): Add default select example in cheatsheet - [#​37019](https://togithub.com/twbs/bootstrap/issues/37019): Docs: Fix js options to what is really inside js - [#​37027](https://togithub.com/twbs/bootstrap/issues/37027): Search modal: Set cursor on auto - [#​37034](https://togithub.com/twbs/bootstrap/issues/37034): More consistency for CSS/Sass vars doc for components with dark variants - [#​37047](https://togithub.com/twbs/bootstrap/issues/37047): Docs: Minor fixes in tables. - [#​37048](https://togithub.com/twbs/bootstrap/issues/37048): Docs: improve cards image overlays markup - [#​37056](https://togithub.com/twbs/bootstrap/issues/37056): Docs: Manage the dark offcanvas slightly differently - [#​37064](https://togithub.com/twbs/bootstrap/issues/37064): Fix padding on starter template - [#​37067](https://togithub.com/twbs/bootstrap/issues/37067): Make docs clearer by dropping precompiled for compiled - [#​37070](https://togithub.com/twbs/bootstrap/issues/37070): Improve language around vertical grid gutters - [#​37072](https://togithub.com/twbs/bootstrap/issues/37072): Docs: Put methods in table #### 🛠 Examples - [#​36660](https://togithub.com/twbs/bootstrap/issues/36660): Added new example in `examples/features` page. - [#​36829](https://togithub.com/twbs/bootstrap/issues/36829): Docs: correct heading levels in features example - [#​36877](https://togithub.com/twbs/bootstrap/issues/36877): Add default select example in cheatsheet - [#​37064](https://togithub.com/twbs/bootstrap/issues/37064): Fix padding on starter template #### 🌎 Accessibility - [#​36507](https://togithub.com/twbs/bootstrap/issues/36507): v5/docs: reintroduce `outline` for docs code samples, buttons when `:not(:focus-visible)` - [#​36829](https://togithub.com/twbs/bootstrap/issues/36829): Docs: correct heading levels in features example - [#​37026](https://togithub.com/twbs/bootstrap/issues/37026): Rework button focus/active styling, with extra changes for checks/radios #### 📦 Dependencies - Updated numerous devDependencies: ### [`v5.2.0`](https://togithub.com/twbs/bootstrap/releases/tag/v5.2.0) [Compare Source](https://togithub.com/twbs/bootstrap/compare/v5.1.3...v5.2.0) #### 🚀 Highlights - [#​36168](https://togithub.com/twbs/bootstrap/issues/36168): Manually set hover and active backgrounds and borders for dark and light buttons - [#​36327](https://togithub.com/twbs/bootstrap/issues/36327): Truncate text to prevent multiline floating label - [#​36382](https://togithub.com/twbs/bootstrap/issues/36382): Rewrite Webpack guide - [#​36411](https://togithub.com/twbs/bootstrap/issues/36411): Rewrite Parcel guide - [#​36412](https://togithub.com/twbs/bootstrap/issues/36412): Docs: Add a Vite Getting Started guide - [#​36500](https://togithub.com/twbs/bootstrap/issues/36500): Generate local CSS variables on utilities when using state option - [#​36528](https://togithub.com/twbs/bootstrap/issues/36528): Scrollspy: enable `smooth-scroll` behavior #### 🚀 Features - [#​36352](https://togithub.com/twbs/bootstrap/issues/36352): Fix StackBlitz examples by embedding snippets.js when needed - [#​36528](https://togithub.com/twbs/bootstrap/issues/36528): Scrollspy: enable `smooth-scroll` behavior - [#​36759](https://togithub.com/twbs/bootstrap/issues/36759): Support input groups in floating forms #### 🎨 CSS - [#​36156](https://togithub.com/twbs/bootstrap/issues/36156): Update `.form-control-color` sizing and styles - [#​36168](https://togithub.com/twbs/bootstrap/issues/36168): Manually set hover and active backgrounds and borders for dark and light buttons - [#​36178](https://togithub.com/twbs/bootstrap/issues/36178): Add a banner mixin, helping future releases and maintenance - [#​36327](https://togithub.com/twbs/bootstrap/issues/36327): Truncate text to prevent multiline floating label - [#​36353](https://togithub.com/twbs/bootstrap/issues/36353): Fix offcanvas not showing with `.showing` - [#​36366](https://togithub.com/twbs/bootstrap/issues/36366): add back focus box shadow to `btn-link` - [#​36406](https://togithub.com/twbs/bootstrap/issues/36406): CSS: few proposals - [#​36423](https://togithub.com/twbs/bootstrap/issues/36423): Stylelint: Disable `custom-property-empty-line-before` - [#​36446](https://togithub.com/twbs/bootstrap/issues/36446): Update Sass for computing `.table-group-divider` border - [#​36447](https://togithub.com/twbs/bootstrap/issues/36447): Fix `.dropdown-item` `border-radius` when `$dropdown-padding-y` is `0` - [#​36461](https://togithub.com/twbs/bootstrap/issues/36461): Fix alert border radius - [#​36476](https://togithub.com/twbs/bootstrap/issues/36476): Docs: fix Reboot Horizontal rules using border utilities - [#​36477](https://togithub.com/twbs/bootstrap/issues/36477): Docs: remove unused \_algolia.scss - [#​36499](https://togithub.com/twbs/bootstrap/issues/36499): Don't style `readonly` inputs as `disabled` - [#​36500](https://togithub.com/twbs/bootstrap/issues/36500): Generate local CSS variables on utilities when using state option - [#​36509](https://togithub.com/twbs/bootstrap/issues/36509): Remove `--bs-headings-color` CSS variable due to backward compatibility issues - [#​36535](https://togithub.com/twbs/bootstrap/issues/36535): Fix 'Remove from map' Sass description - [#​36608](https://togithub.com/twbs/bootstrap/issues/36608): dashboard example: minor fix - [#​36627](https://togithub.com/twbs/bootstrap/issues/36627): Fix search modal z-index to be on top of all docs showcased components - [#​36646](https://togithub.com/twbs/bootstrap/issues/36646): Fix tooltip/badge border radius when rounded disabled - [#​36680](https://togithub.com/twbs/bootstrap/issues/36680): Revert [`db61cf3`](https://togithub.com/twbs/bootstrap/commit/db61cf3) for `$text-muted` default value - [#​36689](https://togithub.com/twbs/bootstrap/issues/36689): Add missing CSS vars for `.navbar-nav` - [#​36704](https://togithub.com/twbs/bootstrap/issues/36704): Fix missing `--bs-btn-disabled-border-color` in `button-outline-variant` mixin - [#​36711](https://togithub.com/twbs/bootstrap/issues/36711): Add `$display-font-family` and `$display-font-style` - [#​36740](https://togithub.com/twbs/bootstrap/issues/36740): Fixing pagination compile issue - [#​36747](https://togithub.com/twbs/bootstrap/issues/36747): Fix active/focused button link text color - [#​36759](https://togithub.com/twbs/bootstrap/issues/36759): Support input groups in floating forms #### ☕️ JavaScript - [#​35679](https://togithub.com/twbs/bootstrap/issues/35679): Force tooltip and popover to recreate content every time it opens - [#​36171](https://togithub.com/twbs/bootstrap/issues/36171): Assorted Event handler patches - [#​36386](https://togithub.com/twbs/bootstrap/issues/36386): Fix interoperability issue regarding Event properties - [#​36398](https://togithub.com/twbs/bootstrap/issues/36398): JS: tests fixes & standardization of spies usage - [#​36401](https://togithub.com/twbs/bootstrap/issues/36401): Change Modal dismiss handler, listening to key down, instead of click - [#​36440](https://togithub.com/twbs/bootstrap/issues/36440): Re-ordering js default objects - [#​36449](https://togithub.com/twbs/bootstrap/issues/36449): Fix StackBlitz Popovers and Tooltips examples - [#​36528](https://togithub.com/twbs/bootstrap/issues/36528): Scrollspy: enable `smooth-scroll` behavior - [#​36561](https://togithub.com/twbs/bootstrap/issues/36561): Fix possible bug on event handler - [#​36588](https://togithub.com/twbs/bootstrap/issues/36588): Handle non-empty whitespace textContent in Tooltip trigger - [#​36622](https://togithub.com/twbs/bootstrap/issues/36622): Remove `.show` from panels dependent-less on the existence of `.fade` class - [#​36668](https://togithub.com/twbs/bootstrap/issues/36668): Fix on [#​35679](https://togithub.com/twbs/bootstrap/issues/35679) - [#​36717](https://togithub.com/twbs/bootstrap/issues/36717): Offcanvas: activate focustrap when backdrop is enabled - [#​36758](https://togithub.com/twbs/bootstrap/issues/36758): Docs: Fix typos in snippets.js - [#​36772](https://togithub.com/twbs/bootstrap/issues/36772): Fix event handler test #### 📖 Docs - [#​36345](https://togithub.com/twbs/bootstrap/issues/36345): docs: add the version in npm/yarn commands - [#​36346](https://togithub.com/twbs/bootstrap/issues/36346): Docs: improve image compression - [#​36352](https://togithub.com/twbs/bootstrap/issues/36352): Fix StackBlitz examples by embedding snippets.js when needed - [#​36362](https://togithub.com/twbs/bootstrap/issues/36362): Update search box styling and position - [#​36363](https://togithub.com/twbs/bootstrap/issues/36363): Add some details on "javascript" page - [#​36367](https://togithub.com/twbs/bootstrap/issues/36367): Docs: Correct rounded sizes number - [#​36376](https://togithub.com/twbs/bootstrap/issues/36376): Fix missing Swag Store URL - [#​36382](https://togithub.com/twbs/bootstrap/issues/36382): Rewrite Webpack guide - [#​36395](https://togithub.com/twbs/bootstrap/issues/36395): Docs: quick fixes for HTML - [#​36406](https://togithub.com/twbs/bootstrap/issues/36406): CSS: few proposals - [#​36410](https://togithub.com/twbs/bootstrap/issues/36410): Update introduction.md - [#​36411](https://togithub.com/twbs/bootstrap/issues/36411): Rewrite Parcel guide - [#​36412](https://togithub.com/twbs/bootstrap/issues/36412): Docs: Add a Vite Getting Started guide - [#​36414](https://togithub.com/twbs/bootstrap/issues/36414): Add docs info for using JS w/ ESM shim - [#​36417](https://togithub.com/twbs/bootstrap/issues/36417): Docs: Remove `.is-invalid` from textarea validation example - [#​36425](https://togithub.com/twbs/bootstrap/issues/36425): CSS: doc fixes - [#​36444](https://togithub.com/twbs/bootstrap/issues/36444): Update import order for utilities API docs - [#​36449](https://togithub.com/twbs/bootstrap/issues/36449): Fix StackBlitz Popovers and Tooltips examples - [#​36450](https://togithub.com/twbs/bootstrap/issues/36450): Docs: Use example shortcode for all Button groups - [#​36476](https://togithub.com/twbs/bootstrap/issues/36476): Docs: fix Reboot Horizontal rules using border utilities - [#​36477](https://togithub.com/twbs/bootstrap/issues/36477): Docs: remove unused \_algolia.scss - [#​36487](https://togithub.com/twbs/bootstrap/issues/36487): Remove confusing unnecessary id/aria-labelledby for dropdown menus - [#​36488](https://togithub.com/twbs/bootstrap/issues/36488): Docs: fix some ARIA Authoring Practices Guides broken links - [#​36489](https://togithub.com/twbs/bootstrap/issues/36489): Docs: Update some WCAG links, expand sass.md contrast explanation - [#​36495](https://togithub.com/twbs/bootstrap/issues/36495): Improve accessible name of version dropdown in docs navbar - [#​36503](https://togithub.com/twbs/bootstrap/issues/36503): \[docs] Document BootstrapVue being outdated - [#​36510](https://togithub.com/twbs/bootstrap/issues/36510): Add example of dark navbar and offcanvas to docs - [#​36516](https://togithub.com/twbs/bootstrap/issues/36516): Add .active navbar breaking change to 5.0 docs - [#​36535](https://togithub.com/twbs/bootstrap/issues/36535): Fix 'Remove from map' Sass description - [#​36545](https://togithub.com/twbs/bootstrap/issues/36545): Carousel: Remove redundant reference to `interval=false` from docs & tests - [#​36553](https://togithub.com/twbs/bootstrap/issues/36553): Make table responsive on Grid page - [#​36613](https://togithub.com/twbs/bootstrap/issues/36613): Fix popover live demo to use `data-bs-title` instead of `title` - [#​36625](https://togithub.com/twbs/bootstrap/issues/36625): Add some details for non visible scrollspy elements - [#​36627](https://togithub.com/twbs/bootstrap/issues/36627): Fix search modal z-index to be on top of all docs showcased components - [#​36630](https://togithub.com/twbs/bootstrap/issues/36630): Docs: update clipboard.js to v2.0.11 - [#​36637](https://togithub.com/twbs/bootstrap/issues/36637): Fix StackBlitz examples needing docs CSS - [#​36644](https://togithub.com/twbs/bootstrap/issues/36644): Added examples for Radios in List Group - [#​36650](https://togithub.com/twbs/bootstrap/issues/36650): update Lighthouse URL - [#​36658](https://togithub.com/twbs/bootstrap/issues/36658): Fix a typo in the documentation masthead - [#​36669](https://togithub.com/twbs/bootstrap/issues/36669): Docs: alphabetical reorder of some events/methods in tables - [#​36672](https://togithub.com/twbs/bootstrap/issues/36672): Docs: fix some ScrollSpy HTML copyable codes - [#​36674](https://togithub.com/twbs/bootstrap/issues/36674): Docs: add indeterminate disabled checkbox example - [#​36679](https://togithub.com/twbs/bootstrap/issues/36679): Remove dead link from translations - [#​36696](https://togithub.com/twbs/bootstrap/issues/36696): add `type="button"` to Bootstrap versions dropdown - [#​36706](https://togithub.com/twbs/bootstrap/issues/36706): Docs: Add 'Icons' link in footer - [#​36712](https://togithub.com/twbs/bootstrap/issues/36712): Docs: fix description on how to alter display values - [#​36717](https://togithub.com/twbs/bootstrap/issues/36717): Offcanvas: activate focustrap when backdrop is enabled - [#​36732](https://togithub.com/twbs/bootstrap/issues/36732): Add accNames to all progress bar examples - [#​36734](https://togithub.com/twbs/bootstrap/issues/36734): Docs: Capitalize Unicode - [#​36741](https://togithub.com/twbs/bootstrap/issues/36741): Docs: same text for disabled ranges and disabled form controls - [#​36757](https://togithub.com/twbs/bootstrap/issues/36757): Fix indentation in code sample - [#​36760](https://togithub.com/twbs/bootstrap/issues/36760): Add links to Webpack, Parcel, and Vite guides on homepage - [#​36762](https://togithub.com/twbs/bootstrap/issues/36762): Fix various small typos in documentation - [#​36763](https://togithub.com/twbs/bootstrap/issues/36763): Fix typos in code #### 🛠 Examples - [#​36608](https://togithub.com/twbs/bootstrap/issues/36608): dashboard example: minor fix - [#​36732](https://togithub.com/twbs/bootstrap/issues/36732): Add accNames to all progress bar examples #### 🌎 Accessibility - [#​36487](https://togithub.com/twbs/bootstrap/issues/36487): Remove confusing unnecessary id/aria-labelledby for dropdown menus - [#​36488](https://togithub.com/twbs/bootstrap/issues/36488): Docs: fix some ARIA Authoring Practices Guides broken links - [#​36588](https://togithub.com/twbs/bootstrap/issues/36588): Handle non-empty whitespace textContent in Tooltip trigger - [#​36696](https://togithub.com/twbs/bootstrap/issues/36696): add `type="button"` to Bootstrap versions dropdown - [#​36717](https://togithub.com/twbs/bootstrap/issues/36717): Offcanvas: activate focustrap when backdrop is enabled - [#​36732](https://togithub.com/twbs/bootstrap/issues/36732): Add accNames to all progress bar examples #### 🏭 Tests - [#​36530](https://togithub.com/twbs/bootstrap/issues/36530): Fix typo in dropdown unit test - [#​36667](https://togithub.com/twbs/bootstrap/issues/36667): Minor fix to use self-closing input HTML tag - [#​36742](https://togithub.com/twbs/bootstrap/issues/36742): Standardization of `spyOn` usage - [#​36772](https://togithub.com/twbs/bootstrap/issues/36772): Fix event handler test #### 🧰 Misc - [#​36548](https://togithub.com/twbs/bootstrap/issues/36548): Update Code of Conduct with Contributor Covenant 2.1 - [#​36624](https://togithub.com/twbs/bootstrap/issues/36624): Use 'needs-example' label to trigger live demo bot message - [#​36700](https://togithub.com/twbs/bootstrap/issues/36700): Replace JS Bin refs by CodePen or StackBlitz references #### 📦 Dependencies - Updated numerous devDependencies: ### [`v5.1.3`](https://togithub.com/twbs/bootstrap/releases/tag/v5.1.3) [Compare Source](https://togithub.com/twbs/bootstrap/compare/v5.1.2...v5.1.3) #### Fixes ##### 🎨 CSS - [#​35143](https://togithub.com/twbs/bootstrap/issues/35143): Revert "Add `align-self: center` to buttons for improved rendering in flex containers" ### [`v5.1.2`](https://togithub.com/twbs/bootstrap/releases/tag/v5.1.2) [Compare Source](https://togithub.com/twbs/bootstrap/compare/v5.1.1...v5.1.2) #### Highlights - Temporarily patched a [postcss-values-parser](https://togithub.com/shellscape/postcss-values-parser/issues/138) issue by rearranging our `calc()` functions that use negative numbers. This should restore the ability to import and compile Bootstrap's Sass in `create-react-app`. - Added `border-radius` sizes to small and large `.form-select`s - Added `align-self: center` to buttons for improved rendering in flex containers - Fixed Collapse regression that prevented toggling between sibling children - Updated JS Sanitizer to add `sms` in the `SAFE_URL_PATTERN` - Improved docs around `.img-fluid` - Added `role="switch"` to our form switches in our docs - Implemented GitHub Issue forms to replace our previous issue templates. #### Changes ##### 🎨 CSS - [#​34799](https://togithub.com/twbs/bootstrap/issues/34799): fix custom property values of row overrides individual cell - [#​34834](https://togithub.com/twbs/bootstrap/issues/34834): Add `align-self: center` to buttons for improved rendering in flex containers - [#​34853](https://togithub.com/twbs/bootstrap/issues/34853): Add `border-radius` sizes to small and large `.form-select`s - [#​34861](https://togithub.com/twbs/bootstrap/issues/34861): Separator for table direct children - [#​35017](https://togithub.com/twbs/bootstrap/issues/35017): Use Sass variable instead of RGB components - [#​35033](https://togithub.com/twbs/bootstrap/issues/35033): Add workaround for dart sass compile error ##### ☕️ JavaScript - [#​34951](https://togithub.com/twbs/bootstrap/issues/34951): Fix Collapse regression of handling toggling between sibling chilldren - [#​34980](https://togithub.com/twbs/bootstrap/issues/34980): Minor refactoring - [#​35074](https://togithub.com/twbs/bootstrap/issues/35074): sanitizer: add `sms` in the `SAFE_URL_PATTERN` ##### 📖 Docs - [#​34824](https://togithub.com/twbs/bootstrap/issues/34824): docs: Add `role="switch"` to switches - [#​34918](https://togithub.com/twbs/bootstrap/issues/34918): docs: Update RFS version & move "v" prefix to config.yml - [#​34920](https://togithub.com/twbs/bootstrap/issues/34920): Fix Backdroped typo - [#​34921](https://togithub.com/twbs/bootstrap/issues/34921): Fix JavaScript typo - [#​34922](https://togithub.com/twbs/bootstrap/issues/34922): fix predefined typo - [#​34923](https://togithub.com/twbs/bootstrap/issues/34923): fix utilities typo - [#​34926](https://togithub.com/twbs/bootstrap/issues/34926): Improve description of `.img-fluid` in docs - [#​34935](https://togithub.com/twbs/bootstrap/issues/34935): Non-blocking typo fix - [#​34936](https://togithub.com/twbs/bootstrap/issues/34936): replace dummy text with English for Text truncation page - [#​34946](https://togithub.com/twbs/bootstrap/issues/34946): Changes some latin/dummy text to English - [#​35013](https://togithub.com/twbs/bootstrap/issues/35013): Add offcanvas to the components requiring JavaScript - [#​35111](https://togithub.com/twbs/bootstrap/issues/35111): Fix capitalization after period in `contents.md` ##### 🛠 Examples - [#​35022](https://togithub.com/twbs/bootstrap/issues/35022): examples: Add `role="switch"` to switches ##### 🧰 Misc - [#​34626](https://togithub.com/twbs/bootstrap/issues/34626): Implement issue forms - [#​34940](https://togithub.com/twbs/bootstrap/issues/34940): Add cSpell custom dictionary and docs-spellcheck script - [#​35070](https://togithub.com/twbs/bootstrap/issues/35070): rollup: specify `generatedCode: 'es2015'` - [#​35086](https://togithub.com/twbs/bootstrap/issues/35086): README.md: fix capitalization after period ##### 📦 Dependencies - Updated numerous devDependencies: ### [`v5.1.1`](https://togithub.com/twbs/bootstrap/releases/tag/v5.1.1) [Compare Source](https://togithub.com/twbs/bootstrap/compare/v5.1.0...v5.1.1) #### Highlights #### 🎨 CSS - [#​34679](https://togithub.com/twbs/bootstrap/issues/34679): Fix font size variable name - [#​34699](https://togithub.com/twbs/bootstrap/issues/34699): Add check to `rgba-css-var` function for body or bg - [#​34773](https://togithub.com/twbs/bootstrap/issues/34773): Include root.scss in all dist builds - [#​34779](https://togithub.com/twbs/bootstrap/issues/34779): Fix `$dropdown-link-hover-color` variable color value in \_variable.scss file #### ☕️ JavaScript - [#​34621](https://togithub.com/twbs/bootstrap/issues/34621): carousel: move common checks to a function - [#​34701](https://togithub.com/twbs/bootstrap/issues/34701): Fix modal when is triggered by `bs-toggle`, to hide other open instances - [#​34835](https://togithub.com/twbs/bootstrap/issues/34835): Collapse on toggle, should not hide descendant tabpanels - [#​34842](https://togithub.com/twbs/bootstrap/issues/34842): Fix tooltip `data-bs-original-title` issue #### 📖 Docs - [#​32781](https://togithub.com/twbs/bootstrap/issues/32781): docs: shortcodes tweaks and consistency changes - [#​34686](https://togithub.com/twbs/bootstrap/issues/34686): docs: Fix placeholders typo - [#​34752](https://togithub.com/twbs/bootstrap/issues/34752): Fix typo in placeholder docs - [#​34769](https://togithub.com/twbs/bootstrap/issues/34769): Enhance Alerts > Live Example section - [#​34781](https://togithub.com/twbs/bootstrap/issues/34781): docs: fix typos in approach and placeholders - [#​34787](https://togithub.com/twbs/bootstrap/issues/34787): Progress page: remove toggle animation button - [#​34840](https://togithub.com/twbs/bootstrap/issues/34840): clarify importing all vs specific plugins - [#​34842](https://togithub.com/twbs/bootstrap/issues/34842): Fix tooltip `data-bs-original-title` issue - [#​34877](https://togithub.com/twbs/bootstrap/issues/34877): docs: add `$enable-smooth-scroll` to Sass options page - [#​34886](https://togithub.com/twbs/bootstrap/issues/34886): Disabled link cleanup - [#​34892](https://togithub.com/twbs/bootstrap/issues/34892): Fix a11y issues in `.hstack` example and placeholder 'How it works' example - [#​34910](https://togithub.com/twbs/bootstrap/issues/34910): Docs: Add Callout to Stacks Helper page about limited flexbox gap support - [#​34913](https://togithub.com/twbs/bootstrap/issues/34913): docs: make use of the `.Site.Params.docs_version` variable - [#​34914](https://togithub.com/twbs/bootstrap/issues/34914): Typo/US locale fixes #### 🛠 Examples - [#​34766](https://togithub.com/twbs/bootstrap/issues/34766): dashboard-rtl: use the same scripts as the dashboard example #### 🌎 Accessibility - [#​34886](https://togithub.com/twbs/bootstrap/issues/34886): Disabled link cleanup #### 🏭 Tests - [#​34077](https://togithub.com/twbs/bootstrap/issues/34077): Add GitHub SHA in BrowserStack build ID. - [#​34912](https://togithub.com/twbs/bootstrap/issues/34912): BrowserStack: add Firefox 60 and Chrome 60 #### 📦 Dependencies - Updated numerous devDependencies: ### [`v5.1.0`](https://togithub.com/twbs/bootstrap/releases/tag/v5.1.0) [Compare Source](https://togithub.com/twbs/bootstrap/compare/v5.0.2...v5.1.0) #### Highlights - Added experimental, opt-in CSS Grid support - Added support for responsive offcanvas components in navbars - Added new placeholders component for skeleton loading screens - Added support for horizontal collapsing in the collapse component - Added new stack and vertical rule helpers - Added tons of new CSS variables for body styles, colors, RGB colors, and more - Updated `.bg-*` and `.text-*` utilities to use CSS variables and new RGB CSS variables for real-time customization - Added four new component examples for dropdowns, footers, list groups, and modals - Updated modal and offcanvas backdrops to make them unique to each component - Reverted ability for `.col-*` classes to override `.row-cols-*` classes for now until we can fix some critical bugs #### 🚀 Features - [#​31813](https://togithub.com/twbs/bootstrap/issues/31813): Add optional CSS grid - [#​31859](https://togithub.com/twbs/bootstrap/issues/31859): Add a "skeletons" component - [#​32319](https://togithub.com/twbs/bootstrap/issues/32319): Add maps for all colors, document how to extend color utilities - [#​33403](https://togithub.com/twbs/bootstrap/issues/33403): modal: change `data-dismiss` so that it can be outside of a modal using `bs-target` - [#​33781](https://togithub.com/twbs/bootstrap/issues/33781): Add utility classes for opacity - [#​33986](https://togithub.com/twbs/bootstrap/issues/33986): New helpers: `.hstack`, `.vstack`, and `.vr` - [#​34253](https://togithub.com/twbs/bootstrap/issues/34253): Add horizontal collapse support - [#​34273](https://togithub.com/twbs/bootstrap/issues/34273): Offcanvas navbar - [#​34333](https://togithub.com/twbs/bootstrap/issues/34333): Accept argument of different types in the `getInstance` method #### 🎨 CSS - [#​31813](https://togithub.com/twbs/bootstrap/issues/31813): Add optional CSS grid - [#​32319](https://togithub.com/twbs/bootstrap/issues/32319): Add maps for all colors, document how to extend color utilities - [#​33781](https://togithub.com/twbs/bootstrap/issues/33781): Add utility classes for opacity - [#​33986](https://togithub.com/twbs/bootstrap/issues/33986): New helpers: `.hstack`, `.vstack`, and `.vr` - [#​34100](https://togithub.com/twbs/bootstrap/issues/34100): Updated utility API (css-vars utils and new bg/color utils), plus new root CSS variables - [#​34253](https://togithub.com/twbs/bootstrap/issues/34253): Add horizontal collapse support - [#​34273](https://togithub.com/twbs/bootstrap/issues/34273): Offcanvas navbar - [#​34432](https://togithub.com/twbs/bootstrap/issues/34432): More concise improvements for `add()` and `subtract()` - [#​34440](https://togithub.com/twbs/bootstrap/issues/34440): Add null `$card-box-shadow` variable - [#​34445](https://togithub.com/twbs/bootstrap/issues/34445): fix(forms): prevent color control from shrinking - [#​34475](https://togithub.com/twbs/bootstrap/issues/34475): Make text decoration consistent with other anchors - [#​34481](https://togithub.com/twbs/bootstrap/issues/34481): Make the `$accordion-icon-color` default value consistent with the `$accordion-button-color` - [#​34572](https://togithub.com/twbs/bootstrap/issues/34572): Clean up a couple CSS Grid issues - [#​34612](https://togithub.com/twbs/bootstrap/issues/34612): Revert "Allow individual grid classes to override `.row-cols`" - [#​34651](https://togithub.com/twbs/bootstrap/issues/34651): Update `$input-bg` to use `$body-bg` #### ☕️ JavaScript - [#​33402](https://togithub.com/twbs/bootstrap/issues/33402): Changes to Alert component to match the others - [#​33403](https://togithub.com/twbs/bootstrap/issues/33403): modal: change `data-dismiss` so that it can be outside of a modal using `bs-target` - [#​33603](https://togithub.com/twbs/bootstrap/issues/33603): Fix `Manipulator.offset()` - [#​33610](https://togithub.com/twbs/bootstrap/issues/33610): Toasts: Change showing timings and classes to keep toast `display:none` by default - [#​33865](https://togithub.com/twbs/bootstrap/issues/33865): Add shift-tab keyboard support for dialogs (modal & Offcanvas components) - [#​33866](https://togithub.com/twbs/bootstrap/issues/33866): Add dynamic, live alerts example to docs - [#​34170](https://togithub.com/twbs/bootstrap/issues/34170): Use a streamlined way to trigger component dismiss - [#​34205](https://togithub.com/twbs/bootstrap/issues/34205): Cleanup tooltip & popover components - [#​34207](https://togithub.com/twbs/bootstrap/issues/34207): Make proper use of the SelectorEngine in ScrollSpy - [#​34215](https://togithub.com/twbs/bootstrap/issues/34215): Use the `switch` statement instead of `if` - [#​34220](https://togithub.com/twbs/bootstrap/issues/34220): Do a major cleanup in Collapse.js - [#​34333](https://togithub.com/twbs/bootstrap/issues/34333): Accept argument of different types in the `getInstance` method - [#​34441](https://togithub.com/twbs/bootstrap/issues/34441): util.js: remove `Selector.findOne()` dependency - [#​34458](https://togithub.com/twbs/bootstrap/issues/34458): Dropdown cleanups - [#​34543](https://togithub.com/twbs/bootstrap/issues/34543): Fix `Util.reflow` function and add documentation - [#​34619](https://togithub.com/twbs/bootstrap/issues/34619): tooltip: move repeated strings to constants - [#​34620](https://togithub.com/twbs/bootstrap/issues/34620): Enable a few eslint-config-xo rules - [#​34628](https://togithub.com/twbs/bootstrap/issues/34628): Regression on tooltip template creation process. #### 📖 Docs - [#​32319](https://togithub.com/twbs/bootstrap/issues/32319): Add maps for all colors, document how to extend color utilities - [#​33866](https://togithub.com/twbs/bootstrap/issues/33866): Add dynamic, live alerts example to docs - [#​34100](https://togithub.com/twbs/bootstrap/issues/34100): Updated utility API (css-vars utils and new bg/color utils), plus new root CSS variables - [#​34406](https://togithub.com/twbs/bootstrap/issues/34406): Fix site params variable on themes section - [#​34472](https://togithub.com/twbs/bootstrap/issues/34472): Added new Offcanvas file to import example - [#​34517](https://togithub.com/twbs/bootstrap/issues/34517): Update nav-tab.md - [#​34526](https://togithub.com/twbs/bootstrap/issues/34526): Add: GitHub Octicons to the list - [#​34557](https://togithub.com/twbs/bootstrap/issues/34557): docs: minor image compression improvements - [#​34573](https://togithub.com/twbs/bootstrap/issues/34573): Update the custom Sass import docs - [#​34574](https://togithub.com/twbs/bootstrap/issues/34574): Document change to `hr` in v5 - [#​34577](https://togithub.com/twbs/bootstrap/issues/34577): Make note of `_root.scss` being required - [#​34578](https://togithub.com/twbs/bootstrap/issues/34578): Rename Build Tools page to Contribute - [#​34605](https://togithub.com/twbs/bootstrap/issues/34605): Collapse page: add a link to the accordion page - [#​34637](https://togithub.com/twbs/bootstrap/issues/34637): Improved docs describing `media-breakpoint-down` breakpoints #### 🛠 Examples - [#​33882](https://togithub.com/twbs/bootstrap/issues/33882): Add four new snippet examples - [#​34273](https://togithub.com/twbs/bootstrap/issues/34273): Offcanvas navbar - [#​34336](https://togithub.com/twbs/bootstrap/issues/34336): Remove unneeded `.text-white-50` CSS rule from Offcanvas Example #### 🌎 Accessibility - [#​33865](https://togithub.com/twbs/bootstrap/issues/33865): Add shift-tab keyboard support for dialogs (modal & Offcanvas components) #### 🔧 Utility API - [#​34100](https://togithub.com/twbs/bootstrap/issues/34100): Updated utility API (css-vars utils and new bg/color utils), plus new root CSS variables #### 🧰 Misc

Configuration

📅 Schedule: Branch creation - "after 10pm,before 5:00am" in timezone America/New_York, 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.