v12
Web Components – 12.2.0
November 13, 2025
✨ Features
- CarouselCarousel: We've introduced the eventsDebounce, a configuration prop allowing you specify the debounce delay in milliseconds for the following events.
- containerviewchange
- slidesinview
- carouselprogress
- slidechange
- CarouselCarousel: We've introduced the new containerviewchange which is used to observe the slides inside the carousel, as they come in and out of the container. This event emits slidesInView and slidesNotInView information.
- CarouselCarousel: To better allow for customization in specific edge cases we now expose the following elements via the parts API.
- @part base - The root element.
- @part viewport - The viewport element that masks overflow content.
- @part next - The "next" navigation button.
- @part prev - The "previous" navigation button.
- CarouselCarousel: We've introduced the --cosmos-carousel-viewport-padding to control The padding inside the carousel viewport
🐛 Fixes
- Action MenuAction Menu: This update enables custom events triggered by UI elements to propagate properly, allowing developers to use preventDefault() to intercept default behaviors
- CarouselCarousel: The slidechange event correctly indicates if nextSlide exists via -1.
- TextText, Person CardPerson Card: Hyphenated text now displays correctly in Safari, with rerendering issues in Preact components.
Web Components – 12.1.0
November 9, 2025
✨ Features
- IconIcon: We’ve added a series of new icons for event related content.
- cosmos-icon-event-time
- cosmos-icon-photo-camera-prohibited
- cosmos-icon-music
- cosmos-icon-accessibility
- cosmos-icon-alcohol
- cosmos-icon-alcohol-prohibited
- cosmos-icon-cloakroom
- cosmos-icon-disabled
- cosmos-icon-food
- cosmos-icon-lost-property
- cosmos-icon-parking
- cosmos-icon-pets
- cosmos-icon-smoking
- cosmos-icon-smoking-prohibited
- cosmos-icon-water
- cosmos-icon-wifi
- cosmos-icon-charging
- LinkLink: We introduced the linkAriaLabel prop for accessible icon-only and image links.
🐛 Fixes
- CarouselCarousel: We’ve fixed an issue with the progress event that would emit incorrect data when only two slides are present. The progress event now also fires more often and reliably when dragging/scrolling between slides.
Web Components – 12.0.0
November 6, 2025
💥 Breaking Changes
Select Component
CSS custom properties using the --cosmos-select-options-* prefix have been removed.
Update your styles to use the --cosmos-select-listbox-* prefix.
Wrapper Libraries
Wrapper libraries are no longer included in @cosmos/web and @cosmos/web-scoped. Each framework now has a standalone package.
Update your imports:
@cosmos/web/react→ @cosmos/web-react
@cosmos/web/vue→ @cosmos/web-vue
@cosmos/web/angular→ @cosmos/web-angular
@cosmos/web/preact→ @cosmos/web-preact
Scoped variants follow the same pattern (e.g., @cosmos/web-scoped-react).
For detailed migration instructions, refer to the Migration Guide.