npm / @docsearch/css
@docsearch/css
What changed in @docsearch/css 5, from its official release notes, upgrade guides and advisories. Sources checked 2026-10-25.
9 breaking6 new APIs and options1 behavior and defaults3 fixes and other
See which of these apply to your code, ranked, in your agent:
npx @unstale/cli init@docsearch/css 519 changes
Breaking changes 9
FacetBar renders checkbox items instead of a radio group, allowing users to select multiple values per facet; values within a facet are combined with OR, while different facets are combined with AND.
Corrects the misspelled class name; custom styles overriding the old name must update their selectors.
Replaces
.DocSearch-Hit-icon--smallwith a modifier that top-aligns the icon; recent conversations use it.Renames the
shimmerutility class to follow the DocSearch naming convention.Renames the
fadeInkeyframe to kebab-case; custom styles overriding it must update their selectors.Dark theme selectors now target
:rootinstead ofhtml; custom style overrides must update their selectors.The search input and modal heading are now 1rem at every breakpoint instead of 0.875rem with a mobile-only override.
Renames the
shimmerTextkeyframe to kebab-case; custom styles overriding it must update their selectors.Renames the
slideDownkeyframe to kebab-case; custom styles overriding it must update their selectors.
New APIs and options 6
Adds a background variable used to restyle markdown code blocks.
Adds a color variable used to restyle the Ask AI error panel.
Adds a color variable used to restyle the Ask AI error panel.
Adds a font-family variable used across the search button, keyboard keys, modal, and sidepanel, allowing all DocSearch surfaces to be themed together.
Adds a footer action container for a custom action rendered before the Algolia logo.
Adds a wrapper around the footer actions.
Behavior and default changes 1
OR groups containing values for a single facet are recognized as that facet's default selection, in addition to single key:value entries.
Fixes and other changes 3
Drops redundant type qualifiers, slightly lowering selector specificity.
Drops redundant type qualifiers, slightly lowering selector specificity.
Uses 1.5em line height and wraps long titles anywhere to prevent overlap.