Use new CSS vars (#36098)

* Proposal to use new CSS var when it could be used.

* Bundlewatch

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

Move "Navbar" before "Navs & Tabs" in sidebar

This ensures consistent alphabetic ordering.

Adding CSS var to list-group-item-action

Fix CSpell by adding 'Analyser'

Changing to btnTitle and btnEdit

Adding @include everytime it's not the case

Doc fixes

Reuse all breadcrumb CSS vars available

Fix duplicate border radius CSS var definition

Fix duplicate `.rounded-*` and `.fw-semibold` defs in examples

Fix StackBlitz edit feature by selecting the closest example

Fix typo for StackBlitz edit button's tooltip (#36073)

Train PR: CSS variables for accordion, cards, navs, and modals (#36071)

* Convert accordion to CSS vars

* Update accordion.md

* Convert navs to CSS variables

* Split up CSS vars

* bundlewatch

* fix vars

* Convert cards to CSS vars

* Convert modals to CSS variables

* Bundlewatch

Co-authored-by: Geremia Taglialatela <tagliala.dev@gmail.com>

Define Pagination font size CSS var (#35917)

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

Convert list group to CSS variables (#35862)

* Convert list-group to CSS vars

* bundlewatch

v5.2.0 migration updates (#36038)

Fix migration guide typos (#36040)

* Correct font-weight semibold utility class name

* Tiny sentence correction

No propagating escape event in an open dropdown.

Convert progress bars to CSS variables (#35962)

* Convert progress bars to CSS variables

* bundlewatch

Add another list-group snippet example

Convert toasts to CSS variables (#35961)

* Convert toasts to CSS variables

* bundlewatch

Convert spinners to CSS variables (#35960)

* Convert spinners to CSS variables

* bundlewatch

Revert #35759, fixes #35869

Fixes #36015: Fix pagination link border-radius if statement

Fixes #36016: Update .dropdown-item padding

Update devDependencies (#36024)

* @babel/core                ^7.17.5  →  ^7.17.7
* @popperjs/core             ^2.11.2  →  ^2.11.4
* eslint                     ^8.10.0  →  ^8.11.0
* hugo-bin                   ^0.81.3  →  ^0.82.2
* karma-chrome-launcher       ^3.1.0  →   ^3.1.1
* lockfile-lint               ^4.6.2  →   ^4.7.4
* rollup                     ^2.70.0  →  ^2.70.1
* terser                     ^5.12.0  →  ^5.12.1

Rewrite docs tables in Markdown with table shortcode (#31337)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: GeoSot <geo.sotis@gmail.com>

Remove duplicate entry in migration.md

Add v5.1.0 to migration guide, update v5.2.0 additions

Add additional root variables, rename `$variable-prefix` to `$prefix` (#35981)

* Add additional root variables, rename $variable-prefix to $prefix

- Adds new root CSS variables for border-radius, border-width, border-color, and border-style
- Adds new root CSS variables for heading-color, link-colors, code color, and highlight color
- Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss
- Updates $mark-padding to be an even pixel number
- Renames $variable-prefix to $prefix throughout

* Bundlewatch

Convert added in badges to shortcode (#36007)

Bundlewatch

Convert breadcrumb to CSS variables

Redesign the "Added in" badges in the docs (#35980)

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

Allow to set active and disabled class also to .page-link (#35804)

Sometimes we can set `.active` class only to link tag and not parent.
Since active status style is applied only to `.page-link` and not `.page-item`, would also make more sense to just add the active class to `.page-link` itself.

The other way to set `.active` class to `.page-item` still remain, so there is not BC.

Allow to set also `.disabled` class to `.page-link`

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>

Set opacity on dropdown-divider for now

Updates -color to use rgba()

Update .cspell.json

Adjust border-radius values and add some new utilities

- Updates global border-radius values for a more modern appearance
- New .fw-semibold
- New .rounded-4 and .rounded-5

Fix some instances of lazy Sass math when multiplying new CSS var based border-width

Fix docs error after #35644 (#36002)

docs: add missing `.dropup` in dropup centered example (#35948)

Ignore warning for `.navbar-light` deprecation (#35995)

Carousel: change class check as it can only exist if carousel is sliding

Also, fix the corresponding test

Carousel: rename private property

Carousel: add comment for future fixes

Carousel: omit redundant checks as we are always transforming the right values

Carousel: omit config merging in jQueryInterface after we create the instance

This is already done inside `getOrCreateInstance` method

update google material icons link (#35942)

docs: add a StackBlitz "Try It" button in code examples (#35644)

Co-authored-by: GeoSot <geo.sotis@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>

Carousel: return early in `_slide` method

Carousel: small refactoring, remove unnecessary checks

Carousel: refactor using inline function and move variables to the proper place

Carousel: refactor `_slide` method te accept only order as first argument

Carousel: add a `getItems` helper

Carousel: use combined selector and drop variable used once

Carousel: reorder variables and refactor method to use it inline

Carousel: cleanup jQueryInterface

Drop chained else ifs and unused variable.

Since we were checking for `typeof config === 'string'` in both places, action was never `_config.slide`.

Bump rollup from 2.68.0 to 2.70.0 (#35972)

Bumps [rollup](https://github.com/rollup/rollup) from 2.68.0 to 2.70.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/v2.68.0...v2.70.0)

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

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

Bump postcss from 8.4.7 to 8.4.8 (#35971)

Bumps [postcss](https://github.com/postcss/postcss) from 8.4.7 to 8.4.8.
- [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.7...8.4.8)

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

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

Bump hugo-bin from 0.81.0 to 0.81.3 (#35974)

Bumps [hugo-bin](https://github.com/fenneclab/hugo-bin) from 0.81.0 to 0.81.3.
- [Release notes](https://github.com/fenneclab/hugo-bin/releases)
- [Commits](https://github.com/fenneclab/hugo-bin/compare/v0.81.0...v0.81.3)

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

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

bundlewatch

Add migration guide mention

Convert popovers to CSS variables

Deprecate the tooltip-arrow-bg color since we're using CSS variables to set tooltip colors

Document new CSS vars in tooltip docs

Convert tooltips to CSS vars

Fix dropdowns

Add missing root border opacity CSS var

docs: Update Japanese translation

fix:border-width

Bump actions/checkout from 2 to 3 (#35933)

Bumps [actions/checkout](https://github.com/actions/checkout) from 2 to 3.
- [Release notes](https://github.com/actions/checkout/releases)
- [Changelog](https://github.com/actions/checkout/blob/main/CHANGELOG.md)
- [Commits](https://github.com/actions/checkout/compare/v2...v3)

---
updated-dependencies:
- dependency-name: actions/checkout
  dependency-type: direct:production
  update-type: version-update:semver-major
...

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

Remove unneeded classes from toasts docs (#35931)

Add static backdrop to offcanvas (#35832)

* Add static backdrop option,  to offcanvas
* Trigger prevented event on esc with keyboard=false
* Change offcanvas doc , moving backdrop examples to examples section

docs(example): fix RTL carousel example

Split CSS vars for padding values (#35921)

* Split CSS vars for padding values

Make these few components consistent with where we're heading with other components. Had to add some new Sass variables to handle the dropdown-header element, but not a huge deal. This ensures we can drop the combined variable in v6 when we're ready.

* Update scss/_dropdown.scss

Co-authored-by: Julien Déramond <julien.deramond@orange.com>
* Deprecate dropdown-header-padding var

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: Julien Déramond <julien.deramond@orange.com>

Bump terser from 5.11.0 to 5.12.0 (#35927)

Bumps [terser](https://github.com/terser/terser) from 5.11.0 to 5.12.0.
- [Release notes](https://github.com/terser/terser/releases)
- [Changelog](https://github.com/terser/terser/blob/master/CHANGELOG.md)
- [Commits](https://github.com/terser/terser/compare/v5.11.0...v5.12.0)

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

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

Modal: refactor listeners to reduce some code noise (#35902)

Carousel: simplify carousel items selection

We already know that carousel's parent is the carousel element, so we can use it explicitly

Carousel: move `carouselInterface` inside `jqueryInterface`

Carousel: move logic of `dataApiClickHandler`

Carousel: refactor dataApiKeyHandler to avoid use of `carouselInterface`

Bump find-unused-sass-variables from 4.0.2 to 4.0.3 (#35928)

Bumps [find-unused-sass-variables](https://github.com/XhmikosR/find-unused-sass-variables) from 4.0.2 to 4.0.3.
- [Release notes](https://github.com/XhmikosR/find-unused-sass-variables/releases)
- [Commits](https://github.com/XhmikosR/find-unused-sass-variables/compare/v4.0.2...v4.0.3)

---
updated-dependencies:
- dependency-name: find-unused-sass-variables
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

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

Revert "README: About release planning" (#35923)

This reverts commit da9c007139eccffdb635ee7320160fb44701feed.

Dropdown: Simplify dataKeyApiHandler (#35870)

* Dropdown.js: Remove duplicated check for `Not Shown` instance

* Dropdown.js: Rearrange `dataApiKeydownHandler` checks

* Dropdown: do some fixup inside `dataApiKeydownHandler`

* Update dropdown.js

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

Bump actions/setup-node from 2 to 3 (#35925)

Bumps [actions/setup-node](https://github.com/actions/setup-node) from 2 to 3.
- [Release notes](https://github.com/actions/setup-node/releases)
- [Commits](https://github.com/actions/setup-node/compare/v2...v3)

---
updated-dependencies:
- dependency-name: actions/setup-node
  dependency-type: direct:production
  update-type: version-update:semver-major
...

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

Update devDependencies (#35922)

* @rollup/plugin-babel         ^5.3.0  →   ^5.3.1
* @rollup/plugin-commonjs     ^21.0.1  →  ^21.0.2
* @rollup/plugin-replace       ^3.1.0  →   ^4.0.0
* eslint                       ^8.9.0  →  ^8.10.0
* find-unused-sass-variables   ^4.0.1  →   ^4.0.2
* hugo-bin                    ^0.80.2  →  ^0.81.0
* karma                       ^6.3.16  →  ^6.3.17
* postcss                      ^8.4.6  →   ^8.4.7
* sass                        ^1.49.8  →  ^1.49.9

fix(forms): color input with validation icon

fix(tooltips|popovers): RTL arrows

Site assets: `.bd-bg-purple-bright` → `.bd-bg-violet` and drop unused `.bd-text-purple-bright`

.

Use the new CSS variable in dropdown menu.

add tests

Add centered dropdown and dropup options

Replace instances of Sass vars for CSS variable versions of border-color and border-width

bump bundlewatch

Convert border utilities to CSS variables

- Updates the utilities mixin to check for specific CSS variable names via `css-variable`
- Bonus fix: we now prevent local variables for `0` value utilities (e.g., `.border-top-0` no longer sets `--bs-border-opacity: 1`
- Adds new `.border-opacity-*` classes
- Adds new root variables: `--bs-border-color`, `--bs-border-style`, `--bs-border-width`
- Documents the new variable changes

Update migration.md

Remove thicker border on table thead elements

Use the new .table-group-divider to create your own dividers as desired. Would love to find a better way to handle border-color for this, but for now, this is at least opt-in.

I've applied it by default in another way for our docs tables to help differentiate our content vs our components.

Fixes #35342

Update release-drafter.yml