Build(deps): Bump the github-actions group with 2 updates (#42335)
Bumps the github-actions group with 2 updates: [actions/setup-node](https://github.com/actions/setup-node) and [nuget/setup-nuget](https://github.com/nuget/setup-nuget).
Build(deps): Bump qs from 6.14.0 to 6.14.2 (#42079)
Bumps [qs](https://github.com/ljharb/qs) from 6.14.0 to 6.14.2.
- [Changelog](https://github.com/ljharb/qs/blob/main/CHANGELOG.md)
- [Commits](https://github.com/ljharb/qs/compare/v6.14.0...v6.14.2)
Build(deps-dev): Bump minimatch from 3.1.2 to 3.1.5 (#42102)
Bumps [minimatch](https://github.com/isaacs/minimatch) from 3.1.2 to 3.1.5.
- [Changelog](https://github.com/isaacs/minimatch/blob/main/changelog.md)
- [Commits](https://github.com/isaacs/minimatch/compare/v3.1.2...v3.1.5)
Mark Otto [Tue, 14 Apr 2026 22:02:55 +0000 (17:02 -0500)]
v6: New form fields component, updated validation, remove validation icons, and more (#42308)
* Wip
* more updates
* Revamp validation SCSS to use theme-derived CSS custom properties
Replace the verbose $form-validation-states map with a flat
$validation-states map (state -> theme color name). The mixin now
derives all styling from theme tokens (--{theme}-fg, --{theme}-border,
etc.) and uses component token overrides (e.g., --control-border-color)
instead of direct property declarations.
- Extract form-validation-state-selector mixin to scss/mixins/
- Remove all Sass validation color/icon variables
- Remove --form-valid-*/--form-invalid-* root tokens
- Remove $enable-validation-icons and all icon logic
- Refactor _otp-input.scss to use shared mixin
- Update docs references
Build(deps): Bump the github-actions group with 4 updates (#42306)
Bumps the github-actions group with 4 updates: [JustinBeckwith/linkinator-action](https://github.com/justinbeckwith/linkinator-action), [nuget/setup-nuget](https://github.com/nuget/setup-nuget), [release-drafter/release-drafter](https://github.com/release-drafter/release-drafter) and [actions/upload-artifact](https://github.com/actions/upload-artifact).
Updates `JustinBeckwith/linkinator-action` from 2.4.1 to 2.4.2
- [Release notes](https://github.com/justinbeckwith/linkinator-action/releases)
- [Changelog](https://github.com/JustinBeckwith/linkinator-action/blob/main/CHANGELOG.md)
- [Commits](https://github.com/justinbeckwith/linkinator-action/compare/363572b2714d25a059fceb2fa332a98e7ea3baff...7b6b0bc671f6264e1a8daa4488a5bd91ce61dcd4)
Mark Otto [Tue, 7 Apr 2026 21:04:31 +0000 (14:04 -0700)]
Rename theme text tokens to fg, update utilities (#42295)
With this refactor, our .fg-* and .bg-* and .border-* utilities can be modified by custom CSS, like in our blue theme example.
This also standardizes some nomenclature by using fg instead of text in the token names for theme values, better matching bg. Classes already use this, as do root fg tokens, so this is just a consistency update.
Build(deps): Bump the github-actions group with 2 updates (#42291)
Bumps the github-actions group with 2 updates: [streetsidesoftware/cspell-action](https://github.com/streetsidesoftware/cspell-action) and [JustinBeckwith/linkinator-action](https://github.com/justinbeckwith/linkinator-action).
Updates `streetsidesoftware/cspell-action` from 8.3.0 to 8.4.0
- [Release notes](https://github.com/streetsidesoftware/cspell-action/releases)
- [Changelog](https://github.com/streetsidesoftware/cspell-action/blob/main/CHANGELOG.md)
- [Commits](https://github.com/streetsidesoftware/cspell-action/compare/9cd41bb518a24fefdafd9880cbab8f0ceba04d28...de2a73e963e7443969755b648a1008f77033c5b2)
Updates `JustinBeckwith/linkinator-action` from 2.4.0 to 2.4.1
- [Release notes](https://github.com/justinbeckwith/linkinator-action/releases)
- [Changelog](https://github.com/JustinBeckwith/linkinator-action/blob/main/CHANGELOG.md)
- [Commits](https://github.com/justinbeckwith/linkinator-action/compare/f62ba0c110a76effb2ee6022cc6ce4ab161085e3...363572b2714d25a059fceb2fa332a98e7ea3baff)
Mark Otto [Fri, 3 Apr 2026 20:44:58 +0000 (13:44 -0700)]
v6: Docs design updates (#42250)
* Start docs redesign, new page metadata fields
* wip
* more
* Update offcanvas references to drawer after rebase
Carry over frontmatter additions to drawer.mdx,
fix DocsLayout ToC to use drawer classes and dialog element,
update navbar.mdx dep title, and fix _toc.scss class name.
dependabot[bot] [Tue, 31 Mar 2026 15:30:02 +0000 (17:30 +0200)]
Build(deps): Bump the github-actions group across 1 directory with 4 updates (#42257)
Bumps the github-actions group with 4 updates in the / directory: [github/codeql-action](https://github.com/github/codeql-action), [actions-cool/issues-helper](https://github.com/actions-cool/issues-helper), [nuget/setup-nuget](https://github.com/nuget/setup-nuget) and [release-drafter/release-drafter](https://github.com/release-drafter/release-drafter).
Updates `github/codeql-action` from 4.33.0 to 4.35.1
- [Release notes](https://github.com/github/codeql-action/releases)
- [Changelog](https://github.com/github/codeql-action/blob/main/CHANGELOG.md)
- [Commits](https://github.com/github/codeql-action/compare/b1bff81932f5cdfc8695c7752dcee935dcd061c8...c10b8064de6f491fea524254123dbe5e09572f13)
Updates `actions-cool/issues-helper` from 3.7.6 to 3.8.0
- [Release notes](https://github.com/actions-cool/issues-helper/releases)
- [Changelog](https://github.com/actions-cool/issues-helper/blob/main/CHANGELOG.md)
- [Commits](https://github.com/actions-cool/issues-helper/compare/71b62d7da76e59ff7b193904feb6e77d4dbb2777...200c78641dbf33838311e5a1e0c31bbdb92d7cf0)
Mark Otto [Sat, 21 Mar 2026 21:40:21 +0000 (14:40 -0700)]
Migrate from infix to prefix (#42203)
* Migrate from infix to prefix
- Replace the breakpoint infix pattern (e.g., `.d-md-none`, `.col-lg-6`) with a prefix pattern using an escaped colon (e.g., `.md\:d-none`, `.lg\:col-6`),
- Rename `breakpoint-infix()` to `breakpoint-prefix()` and add
`css-escape-ident()` for leading-digit breakpoints like `2xl`
- Update `generate-utility()`, grid, and all component/helper loops
- Update containers, navbar, offcanvas, tables, list-group, stepper,
dialog, sticky, and stacks responsive classes
- Update SCSS and JS tests
- Update all docs
Mark Otto [Sat, 21 Mar 2026 03:06:57 +0000 (20:06 -0700)]
Rename dropdown to menu, add combobox built on top of menu (#42202)
* Rename Dropdown component to Menu
Replace the Dropdown component with Menu across the entire codebase.
All .dropdown-* classes are now .menu-* classes, data-bs-toggle="dropdown"
is now data-bs-toggle="menu", and the JS export is renamed from Dropdown
to Menu. Includes updated tests, docs, examples, site UI, and config.
* Add new Combobox component
Introduce a searchable select component built on top of Menu, with
single and multi-select support. Includes JS source, SCSS styles,
documentation, and migration notes.
* Add translucent variations for navbar, card, toast, and menu
New .navbar-translucent, .card-translucent, and .toast-translucent
styles with backdrop blur and saturation filters, plus corresponding
documentation sections.
* Update docs site nav, layout, icons, and misc fixes
Clean up docs site navbar SCSS (sticky shadow, remove commented code),
fix empty line rendering in code snippets, add font-size class to
masthead, and add #stack icon symbol.
pricop [Wed, 18 Mar 2026 02:26:23 +0000 (04:26 +0200)]
Refine Stepper component (#42165)
* Add stepper font size variable to tokens map
Since the `--stepper-size` container is customizable, it makes sense for the `font-size` to be as well, when using larger sizes, larger font size may also be required.
This also changes the default `font-size` to `-sm` size for the counter inside the bubble.
This is the perfect example where if we use the `-sm` variant, it makes the text feel more relaxed inside the bubble.
* Reduce stepper track size from 0.25rem to 0.125rem
This further relaxes the component by taking away the attention from the track itself, allowing bubbles and text to be more easily readable at a glance without feeling overcrowded.
The industry standard is 1px or 2px at max.
As a result, the stepper tracker has been reduced to down to `2px` from `4px`
This will make the text to always start at the top, regardless of whether other bubbles have a multi-line text or not.
* Fixed horizontal stepper text gap & text overflow
Fixes the horizontal bottom row being fixed in height, causing the spacing between the count bubble and the text not be the same as intended (as the gap dictates), nor as its vertical stepper counterpart.
This also fixes the text overflowing outside fixed boundaries, causing it to move in places it shouldn't be.
* Refactor to use logical properties
Fixed RTL mode by making use of logical properties instead of physical ones.
* Colored the right side stepper line
Colored the right side stepper line instead of the left side for active elements.
This is the natural way, if I reached the next step, then the edge leading to it should be colored in the color of the completed step.
* Fixed stepper width not account for stepper's gap
Fixed stepper width not account for stepper's gap
* Added complex stepper support for vertical steppers
- Added complex stepper support for vertical steppers.
- Added --stepper-text-gap CSS var (customizable spacing between text & bubble)
- Fixed text overflow for vertical steppers when the text is too long
* Restored 1fr for the rows template
Restored 1fr for the rows template. While I believed it looked better before, I'd rather keep the row size across all steps.
* tweaks
* make container query instead, add new utility to make container queries easier