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

update ionic link

Prefer Linux-specific fonts over Arial

Some Linux distributions (like Debian) have fontconfig aliases for Arial
that picks specific fonts. But such generic aliases might be less
desirable than the known-good Linux specific fonts.

This fixes a problem on my setup where Liberation Sans is aliased as
Arial, even when Noto Sans is available. Liberation Sans doesn't support
a weight of 500, so we end up rendering headers at the normal weight of
400, which makes them stand out less. Reordering the Arial fallback
makes us instead pick Noto Sans over Lieration Sans, which does support
a weight of 500, and makes headers stand out again.

While we're at it, fixup the reboot documentation to match, and change
the comment about Helvetica Neue; that's not a "Basic web-fallback" font,
it's the UI font on older iOS and macOS versions.

move theme-colors (vars+map) after color tints definitions

In this way we can use color tints other than grays in our custom theme, w/o having to extend it later (e.g `$primary: $indigo-600;` ). This could be done in the project variables file, but i believe most developers just include a full local copy of  `scss/_variables.scss` before the the original `default` file and change the values the need (maybe also removing the !default flag) so that it's easier to track changes and custom values during upgrades.

docs: add Tabler Icons to list of icon packs (#35497)

* Add Tabler Icons to list of icons

* Update site/data/icons.yml

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

Remove border of disabled calendar buttons in Dropdowns example

src/tooltip.js Optimization

Util.findShadowRoot() returns either null or an object.

It cannot return falsy, which allows this optimization.

Add z-index for .toast-container (#35859)

* Add z-index for .toast-container

- Adds positioning and z-index to toast container so that it has a system-declared layer in relation to other components.
- Updates docs to use the class better

Fixes $34028

* Remove unnecessary z-index from docs examples

Use all dropdowns CSS variables

Separate override for hr's in component examples

Base .text-muted on body color

`media-breakpoint-only` now passes `$breakpoints` int `breakpoint-max`.  Fixes #35084.

Mention form height change in migration guide

Docs: replace CSS by utilities in examples (#35699)

* Drop .opacity-50 and .opacity-75 redefinition in examples

* Drop unused .card-img-right from blog example CSS files

* Use line-height utilities when possible

* Use rounded-* utilities in examples

* Replace .nav-underline by .nav-scroller and use it in examples.html default

* Use .mb-1 for .blog-post-title

* Remove unused CSS rule and use .fw-* utilities for carousels examples

* Use utilities for cheatsheet examples

* Extract some CSS to utilities for .nav-masthead .nav-link in cover example

* Dashboard group of minor modifications

* Dropdowns example: refactoring

* Dropdowns example refactoring: fix linting by removing selector by id

* Features example refactoring

* Headers example refactoring

* List groups example refactoring

* Sidebars example refactoring

* Sign-in example refactoring

* Starter template refactoring

* Fix RTL examples

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

Replace non-existent `--bs-btn-padding` by `--bs-btn-padding-{x|y}`

Fix modal doc

Rely on `border-width` for `<hr>` size (#35491)

* fix(reboot): revert hr styles to v4 implementation

* docs(cheatsheet): add a hr example

* fix(reboot): currentColor is the initial border-color value

* Document hr element in Reboot docs

* Update migration guide

* Update scss/_variables.scss

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

CI: add issues-helper (#35846)

remove opacity utlitilies from example CSS (#35877)

These are included in Bootstrap itself now

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

Update devDependencies and pin karma-rollup-preprocessor (#35868)

* @babel/cli                 ^7.17.0  →  ^7.17.6
* @babel/core                ^7.17.2  →  ^7.17.5
* eslint-plugin-unicorn      ^40.1.0  →  ^41.0.0
* rollup                     ^2.67.2  →  ^2.68.0
* sass                       ^1.49.7  →  ^1.49.8
* terser                     ^5.10.0  →  ^5.11.0

Dropdown: use a better selector to avoid triggering click if button is disabled (#35866)

Dropdown: use a combined selector to filter foreign not shown instances iteration (#35766)