Browser support

The design system supports current and previous stable major releases of Chrome, Edge, and Firefox on their primary desktop platforms, plus Chrome and Firefox on Android. Safari support covers the current and previous major Safari releases on macOS, iOS, and iPadOS.

This is a rolling policy: “current” means the stable release available on the test date. Internet Explorer, legacy EdgeHTML, Opera Mini, and versions outside the rolling window are not supported. Embedded webviews and other Chromium-derived browsers require explicit product-level test coverage.

Platform baseline

Components are ES2022 modules built on Custom Elements, light DOM, CSS custom properties, cascade layers, Grid, Flexbox, logical properties, and native HTML controls. Carousel additionally uses CSS Scroll Snap and Element.scrollIntoView(); it does not require experimental scroll events or a gesture library.

Dialog, SideSheet, and BottomSheet use the native <dialog> top layer and showModal() behavior. They do not ship a focus-trap or inert polyfill; modal focus behavior must be verified in the supported browser release families.

Tooltip uses CSS Anchor Positioning when feature detection succeeds. Supported browsers without it, currently including Firefox, receive the logical absolute-position fallback, so anchor positioning is not a package-wide baseline requirement.

Authored content should remain understandable when a non-essential enhancement is delayed or unavailable. Interactive enhancement requires JavaScript and Custom Elements support.

Release verification

CI provides unit coverage and Chromium visual regression coverage. Before release, changed interactive components require smoke testing in the supported Chrome, Edge, Firefox, and Safari families. Include iOS Safari for touch or scroll changes and verify keyboard operation, zoom/reflow, reduced motion, RTL, and focus visibility.