Merge branch 'main' into main-fod-simpler-table-structure

Docs: tweak icon link and callouts (#37923)

* Tweak callout for icon link

- no need to talk about `alt` for `<img>` since these don't use `<img>`
- make start of sentence more readable

* Tweak language of dropdown warning callout

* Tweak popover warning callout

* Tweak rtl warning callouts

* Tweak color warning callout

* Add/move accessibility callout for color to relevant pages

* Update site/content/docs/5.3/helpers/icon-link.md

* Update site/layouts/partials/callouts/warning-color-assistive-technologies.md

Co-authored-by: Mark Otto <markd.otto@gmail.com>

Proposal to rename the CSS and Sass variables

Docs: add overflow and text color info to progress bar page (#37921)

* Docs: add overflow and text color info to progress bar page

* Add example/reference for color & background helper use

* Add mention of color modes/dark mode

* Tweak link text

fix typo in gutters doc (#37918)

* fix typo in gutters doc

* Update site/content/docs/5.3/layout/gutters.md

Co-authored-by: Mark Otto <otto@github.com>

Proposal

Fix Android Chrome input date dimensions (#36143)

* Bind Hugo to 0.0.0.0, helps debug on mobile when on the same network

* Use http-server for visual tests

* Add input visual tests

* Fix input date dimensions on Android Chrome

* Increase bootstrap.css max size

* Revert "Bind Hugo to 0.0.0.0" & "Use http-server for visual tests"

* Switch to pixels: this is an empirical minimum safe value

* Update .bundlewatch.config.json

Co-authored-by: Mark Otto <otto@github.com>

Proposal

Harmonize the doc

Correction

Sass docs updates (#37897)

* Add maps

* Redesign scss-docs rendering

* Update other CSS sections

* Fix linter

Typo

Add docs callout for utilities that don't respond to color modes

Include variables-dark in the import stacks, plus a customize overview fix

Small color mode docs CSS fixes (#37896)

* SImplify background gradient syntax

* Move inline style to CSS file

Fix `.form-control` in dark mode (#37893)

* Fix .form-control in dark mode

* Remove CSS vars from docs

Better use of CSS var

Update grid example

Deprecate the Sass var and remove any occurence of the `.text-muted` (#37890)

Changed ```popover``` to ```tooltip``` in docs

Changed ```popover``` to ```tooltip``` in tooltip component docs page.

Move form-text paragraph to Form control page instead of overview to have teh documentation in the same page than sass variables.

Remove outdated comment from `$input-border-color` variable

Docs: update progress markup in Color modes page

Add theme maps specific to dark mode (#37843)

* Add theme maps specific to dark mode

* Fix CSS building

* Fix other failing test

Co-authored-by: Mark Otto <markdotto@gmail.com>

Mention deprecated classes for color mode on offcanvas

Docs: fix broken links in Color modes page

Drop duplicate `--bs-body-bg-rgb` declaration + reorder props

Reduce bootstrap-grid.css content

docs: updates `.text-*-left` changes

Build(deps-dev): Bump @babel/core from 7.20.7 to 7.20.12 (#37850)

Bumps [@babel/core](https://github.com/babel/babel/tree/HEAD/packages/babel-core) from 7.20.7 to 7.20.12.
- [Release notes](https://github.com/babel/babel/releases)
- [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md)
- [Commits](https://github.com/babel/babel/commits/v7.20.12/packages/babel-core)

---
updated-dependencies:
- dependency-name: "@babel/core"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Build(deps-dev): Bump postcss from 8.4.20 to 8.4.21 (#37851)

Bumps [postcss](https://github.com/postcss/postcss) from 8.4.20 to 8.4.21.
- [Release notes](https://github.com/postcss/postcss/releases)
- [Changelog](https://github.com/postcss/postcss/blob/main/CHANGELOG.md)
- [Commits](https://github.com/postcss/postcss/compare/8.4.20...8.4.21)

---
updated-dependencies:
- dependency-name: postcss
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Update colored links, add new `.link-body-emphasis` helper (#37833)

* Rewrite colored links to use color property again instead of --bs-link-color-rgb value because nav links and more do not set --bs-link-color-rgb

* Update bundlewatch

* Document it

Co-authored-by: Julien Déramond <juderamond@gmail.com>

Update snippet examples for dark mode (#37834)

* Update snippet examples for dark mode

* Fix markup

* Review comments

* undo colored links docs from this PR

Docs: fix typo in migration guide

Remove obsolete comment from `_variables.scss`

Docs: add `.fw-medium` utility class example

Remove autofocus on theme switch when page is loaded

Keep shadows black regardless of color mode

Docs: missing deprecated callout for `list-group-item-variant()` mixin

Switch from none keyword value to a fake shadow for btn-link

Fix

CSS: rename some variables to be consistent (#37804)

* Fix

* fix(review)

Docs: fix `.btn-clipboard` and `.btn-edit` link hover color

Drop unused `.bg-body-emphasis` (#37824)

Docs: Small enhancements (#37803)

* Consistency with the doc

* Bring a class to avoid weird behavior

* Consistency + Add some explaining text

* fix(color)

Fix duplicate `--bs-emphasis-color` set value (#37809)

* Fix duplicate `--bs-emphasis-color` set value

* Restore body- prefix

Co-authored-by: Mark Otto <markdotto@gmail.com>

Docs: enhance colors description table

Docs: remove some CSS from `.highlight-toolbar` def

Remove duplicate definition of `--bs-highlight-bg` in `scss/_root.scss`

Remove unused comment in `scss/_maps.scss`

Docs: replace `twbs/bootstrap-npm-starter` by `twbs/examples/tree/main/icons-font` (#37671)

* Docs: replace twbs/bootstrap-npm-starter by twbs/examples/tree/main/icons-font

* Revamp starter template to use new .icon-link, fix Bootstrap icon and text at top

* Remove extra CSS file

* Change links to twbs/examples

* Fix icon name

* Adjust icon link offset to more reasonable and scaling distance

Co-authored-by: Mark Otto <markdotto@gmail.com>

Include twbs/examples in the Examples page

Docs: fix headings color in light/dark mode (#37802)

Add new link utilities, icon link helper, and update colored link helpers (#37762)

* Add new link utilities, update colored link helpers

* Remove commented out code

* Fixes

* Remove examples changes

* Fixes and copy

* Fix icon-link instances on homepage

* Bump bundlewatch

* Fix node-sass issue for rgba() function bug

* More bundlewatch

* One more time after merge

* Add callout for a11y

* Hover and focus-visible

* Add a11y callouts

* Remove duplicate for now

* More code review feedback

Rewrite some callouts to remove most headings and reduce their content

Build(deps): Bump json5 from 1.0.1 to 1.0.2

Bumps [json5](https://github.com/json5/json5) from 1.0.1 to 1.0.2.
- [Release notes](https://github.com/json5/json5/releases)
- [Changelog](https://github.com/json5/json5/blob/main/CHANGELOG.md)
- [Commits](https://github.com/json5/json5/compare/v1.0.1...v1.0.2)

---
updated-dependencies:
- dependency-name: json5
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Change stylelint `property-blacklist` to `property-disallowed-list`

see https://github.com/twbs/bootstrap/pull/31066#issuecomment-1369405723 / https://github.com/stylelint/stylelint/releases/tag/13.7.0

xref #31066

Build(deps-dev): Bump stylelint from 14.16.0 to 14.16.1

Bumps [stylelint](https://github.com/stylelint/stylelint) from 14.16.0 to 14.16.1.
- [Release notes](https://github.com/stylelint/stylelint/releases)
- [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md)
- [Commits](https://github.com/stylelint/stylelint/compare/14.16.0...14.16.1)

---
updated-dependencies:
- dependency-name: stylelint
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>

Build(deps-dev): Bump rollup from 3.9.0 to 3.9.1

Bumps [rollup](https://github.com/rollup/rollup) from 3.9.0 to 3.9.1.
- [Release notes](https://github.com/rollup/rollup/releases)
- [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md)
- [Commits](https://github.com/rollup/rollup/compare/v3.9.0...v3.9.1)

---
updated-dependencies:
- dependency-name: rollup
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>

Build(deps-dev): Bump eslint from 8.30.0 to 8.31.0

Bumps [eslint](https://github.com/eslint/eslint) from 8.30.0 to 8.31.0.
- [Release notes](https://github.com/eslint/eslint/releases)
- [Changelog](https://github.com/eslint/eslint/blob/main/CHANGELOG.md)
- [Commits](https://github.com/eslint/eslint/compare/v8.30.0...v8.31.0)

---
updated-dependencies:
- dependency-name: eslint
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

Docs: fix accordion flush description

Add webpack build to webpack guide

Remove dark mode --bs-heading-color value, set to null, and add custom styles for the docs dark mode headings

Docs: add explanation of the base `.btn` class (#37275)

* Docs: add explanation of the base `.btn` class

and a callout reminding authors to at least define some focus styling if they intend to use it "naked"

* Turn callout into a warning

* Add initial heading

* Tweak callout wording

Use Bootstrap colors in syntax highlighting

fix live toast demo (#37590)

* fix live toast demo

* Fix live toast demo

* Update snippets.js

* Update toasts.md

* Update snippets.js

* Code review comments addressed

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>

Change nav focus to focus-visible (#37784)

Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>

Docs: add CSS variables section in close button section

Docs: offcanvas toggles accessibility fixes, fully hide layout template input

Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>

Update tooltips.md

Fix code color in callouts

Fix cards color for contextual color mode

Docs: Make theme switcher accessible (#37780)

* Make theme switcher accessible

* set an explicit `aria-label` to the switcher (as the `<span>` is not sufficient, as it can be display:none'd and then the button has no accName)
* make the theme buttons actual `aria-pressed` toggles

* Dynamically update aria-label for theme switcher

* Explicitly reset focus after activating theme

* Use innerText for the constructed dynamic aria-label

this way, if the text ever gets changed in the html, this will adapt appropriately

* Tweak accessible name for the dropdown

* Fixup

* Use `textContent` instead of `innerText`

Docs: remove remnants of Twitter / bump dates (#37779)

Docs: Remove unnecessary `id`/`aria-labelledby` from accordion examples

Follow-up to https://github.com/twbs/bootstrap/pull/37718

Docs: enhance Focus ring example section desc

Focus ring helper and utilities (#33125)

* Add global variables for box-shadow focus rings

* Update instances of -btn-focus-box-shadow to use -ring-box-shadow, unless it's for buttons or inputs

* fix variable name

* Add CSS variables for global focus styling, document it

* Move to CSS vars section

* Update scss/_nav.scss

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
* Helper and utils

* Fix bundlewatch

* Change 'Focus ring' in sidebar so that the page can be visible

* Minor typo fix

* fix merge

* Revamp some more, improve docs

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>

Docs: enhance callouts links on dark mode

Fix selector for dark mode navbar toggler SVG change

Docs: replace dark btns by primary ones from Button group docs to avoid issues in dark mode

Build(deps-dev): Bump sass-true from 6.1.0 to 7.0.0

Darken some text emphasis and syntax colors

Use scrollspy on docs pages (#33428)

* use scrollspy on docs pages

* Update colors by taking into account new dark mode

* Restyle it

* Update colors once more

* Fix some color contrast issues

Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>

Docs: display examples based on the docs current color mode (#37562)

* Docs: display examples based on the docs current color mode

* Fix _default/examples.html

Fix CSS variables mentioned in our docs

Add .nav-underline modifier class (#33126)

* Add .nav-underline modifier class

* Tweak sizing and spacing, add underline on hover

* Rebuild with Sass and CSS variables

* Document CSS vars

* Bump bundlewatch

Remove scorecards (#37751)

Build(deps): Bump ossf/scorecard-action from 2.1.1 to 2.1.2 (#37728)

Bumps [ossf/scorecard-action](https://github.com/ossf/scorecard-action) from 2.1.1 to 2.1.2.
- [Release notes](https://github.com/ossf/scorecard-action/releases)
- [Changelog](https://github.com/ossf/scorecard-action/blob/main/RELEASE.md)
- [Commits](https://github.com/ossf/scorecard-action/compare/v2.1.1...v2.1.2)

---
updated-dependencies:
- dependency-name: ossf/scorecard-action
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Build(deps-dev): Bump rollup from 3.8.1 to 3.9.0 (#37750)

Bumps [rollup](https://github.com/rollup/rollup) from 3.8.1 to 3.9.0.
- [Release notes](https://github.com/rollup/rollup/releases)
- [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md)
- [Commits](https://github.com/rollup/rollup/compare/v3.8.1...v3.9.0)

---
updated-dependencies:
- dependency-name: rollup
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Build(deps-dev): Bump lockfile-lint from 4.9.6 to 4.10.0 (#37729)

Bumps [lockfile-lint](https://github.com/lirantal/lockfile-lint/tree/HEAD/packages/lockfile-lint) from 4.9.6 to 4.10.0.
- [Release notes](https://github.com/lirantal/lockfile-lint/releases)
- [Changelog](https://github.com/lirantal/lockfile-lint/blob/master/packages/lockfile-lint/CHANGELOG.md)
- [Commits](https://github.com/lirantal/lockfile-lint/commits/lockfile-lint@4.10.0/packages/lockfile-lint)

---
updated-dependencies:
- dependency-name: lockfile-lint
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Improve readability in docs flex page (#34647)

It's not easy to otherwise correlate the examples with the relevant classes: you'd have to mentally count and correlate them. This obviates that need. Please see the image below to see the usefulness of the above.

Co-authored-by: Mark Otto <markdotto@gmail.com>

Use aria-labelledby to associate form-text (helper) with input field … (#37587)

* Use aria-labelledby to associate form-text (helper) with input field when it contains mandatory info (e.g. data format)

* Example in input-group needs aria-describedby (or aria-labelledby) too

Co-authored-by: Mark Otto <markdotto@gmail.com>

Add color-scheme to dark root selector

Update /#color-schemes to v5.3

Docs: handle light/dark mode in Algolia search modal (#37738)

* Docs: handle light/dark mode in Algolia search modal

* Improve scopes

Update colour contrast formula with new constant from WCAG 2.2 (#37731)

See https://github.com/w3c/wcag/pull/1780

Closes #37022

Docs: change some title containing '&' to bypass Algolia issue

Few miscellaneous docs fixes (#37625)

* Update hero button color

* Fix link color on examples index

* Move .bd-btn-lg to docs buttons partial, move larger border-radius to that class so medium buttons don't look odd

* Undo the markup split

* Round padding up to whole number

Improve consistency of navbar icon declaration (#37720)

* Use $navbar-light-color instead of inline color

* Introduce separate $navbar-light-icon-color

Drop logo on homepage on mobile