v9
Please follow our Migration Guide to migrate from v8 to v9
9.14.0
July 3, 2025
✨ Features
- Icons: Introducing new icon components in both branded and monochrome style, referencing the social media platforms Line, Flipboard, Weibo and Wykop.
- <cosmos-icon-flipboard-branded>
- <cosmos-icon-flipboard>
- <cosmos-icon-line-branded>
- <cosmos-icon-line>
- <cosmos-icon-weibo-branded>
- <cosmos-icon-weibo>
- <cosmos-icon-wykop-branded>
- <cosmos-icon-wykop>
9.13.2
June 26, 2025
🐛 Fixes
- Select : We have resolved an issue where the text color in the search bar was displaying incorrectly when setting the appearance property to “light”.
9.13.1
June 24, 2025
🐛 Fixes
- Angular : There was an issue with the published standalone angular wrapper package. With the current release of cosmos the @cosmos/web-angular and @cosmos/web-scoped-angular packages are now working as expected.
9.13.0
June 17, 2025
✨ Features
- Angular Wrapper: This version adds support for Angular Version 20 while dropping support for version 17 in line with Angular’s official LTS and active support range.
9.12.3
June 5, 2025
🐛 Fixes
- Web Scoped: Since v9.12.1, @cosmos/web-scoped CommonJS bundles were missing version suffixes (e.g., cosmos-mode instead of cosmos-mode-9-12-2). This fix restores proper version scoping in CommonJS bundles for Preact, Vue, and React.
9.12.2
May 27, 2025
🐛 Fixes
- Select : We have resolved an issue where focus shifted to dropdown options on click. Focus now stays on the select element for better consistency and accessibility.
9.12.1
May 22, 2025
🐛 Fixes
- Preact Wrapper: We’ve fixed the issue with `dangerouslySetInnerHTML not correctly being parsed with our Preact wrapper.
9.12.0
May 7, 2025
✨ Features
- The spacing of the Action Menu has been increased across header, groups, and items to improve its visual balance, enhancing both usability and aesthetics without altering existing functionality.
- Action menus can now be activated via hover interaction by setting the triggerType property to 'hover'. The implementation includes smart detection for touch devices, automatically reverting to click/tap interaction when hover isn't supported.
🐛 Fixes
- Select, Action Menu : Resolved minor styling issues that occurred specifically in the scoped version of Select and Action Menu because of certain CSS selectors.
- Preact: We’ve fixed the bug where camelCased properties were not being properly converted to kebab case.
9.11.1
April 29, 2025
🐛 Fixes
- Select: We have fixed an issue with keyboard navigation, ensuring smoother and more accurate navigation through search results.
- Action Menu: We’ve adjusted the event name actionClick to actionclick in order to ensure consistent behaviour across our wrappers.
9.11.0
April 17, 2025
✨ Features
- Select : Custom properties have been added to support background color customization for Select options in hovered/selected states.
- Action Menu : The Action Menu now features additional customization options, allowing for more granular styling. Find out more here.
🐛 Fixes
- Slotted children will now be recognized properly when using the scoped version of Cosmos.
- The Action Menu will now react properly to the open property being changed.
- The Action Menu Items no longer have visited styles incorrectly applied when using the href property.
- Select : We have fixed an issue where the custom property options-background-color on the Select component was being unintentionally overridden.
🚫 Deprecations
- Select : To enhance clarity and prevent ambiguity in styling, we've updated the naming convention used for select option containers and individual options. Please use --cosmos-select-listbox-** instead of --cosmos-select-options-**
Please follow the Deprecation Guide for more information.
9.10.0
April 11, 2025
✨ Features
- Person Item: The Person Item component has been streamlined to bring more adaptability and focus – ready for a wider range of use cases.
🧩 More flexible metadata – No more rigid metadata rules. Teams can now tailor data to their needs.
🏅 Stronger athlete recognition – New number property displaying crucial athlete identifiers.
🐛 Fixes
- Action Menu: We fixed an issue with the Action Menu to prevent it from overflowing the viewport width.
- Person Card: We've fixed spacing inconsistencies between the deprecated flag slot and nationality text in Person Cards when using responsive card layouts.
🚫 Deprecations
- Person Item: To better support the presentation of diverse meta information, we are deprecating the and properties in favor of a more flexible metadata structure. This change aligns with the recent update made to the Person Card, ensuring consistency across components in how meta data is handled.
Please follow the Deprecation Guide for more information.
9.9.1
April 8, 2025
🐛 Fixes
- Select: We fixed a bug where styling was applied on empty option groups when using the search functionality in the Select component.
- Product Card: We've fixed image rendering issues in Safari that caused Product Cards to display incorrectly on initial page load. Images now render with proper dimensions and aspect ratios on first render.
9.9.0
April 4, 2025
✨ Features
🐛 Fixes
- Person Card: We added the missing font-size and line-height custom properties for athlete numbers in Person Cards, enabling complete typography control for numbers.
9.8.2
April 1, 2025
🐛 Fixes
- Select: We fixed an issue that caused Safari to freeze when using the Select component with multiple selection, making it now load and respond reliably.
9.8.1
March 31, 2025
🐛 Fixes
- Mode: We’ve reverted a fix introduced in 9.1.2 in which we added a nesting div to the Mode component. This fix was supposed to improve server-side rendering in the CA app and is no longer needed.
9.8.0
March 27, 2025
✨ Features
- Person Card: The Person Card component now offers greater creative flexibility and visual impact with improved adaptability for various use cases.
📸 Stronger storytelling – With a new cover option to highlight action shots and expressive imagery.
🎯 Less clutter, more clarity – Avatars are now optional, eliminating duplicate assets.
🏅 Stronger athlete recognition – New number property displaying crucial athlete identifiers.
🧩 More flexible metadata – No more rigid metadata rules. Teams can now tailor data to their needs.
🐛 Fixes
- Select: We've fixed an issue where multiple select dropdowns could be open simultaneously, ensuring only one dropdown remains open at a time.
🚫 Deprecations
- Person Card: As part of modernizing the Person Card component, we are replacing the nationality and disciplines with a flexible metadata structure. This change provides better support for displaying diverse personal information and enables flexible content layouts.
Please follow the Deprecation Guide for more information.
9.7.0
✨ Features
In our quest for efficiency and ease of use, we are introducing standalone wrapper libraries for all of our supported frameworks. This means we have reduced the package size of the @cosmos/web package by 25% and significantly improved our developer experience. The following additional packages are now available for installation:
9.6.0
✨ Features
- Add standalone react wrapper packages for web and web-scoped
9.5.2
February 20, 2025
🐛 Fixes
- Story Card: We've fixed a visual bug, where the Story Card rendered with a white border in dark environments.
9.5.1
January 2, 2025
🐛 Fixes
- Video Card, Default Card: We've fixed a visual bug, where Cards with full-bleed images rendered with a white border in dark environments
9.5.0
December 5, 2024
✨ Features
- Icons: The new icons cosmos-icon-discord and cosmos-icon-discord-branded have been added to provide a clear visual cue for engaging with Discord.
9.4.0
November 28, 2024
✨ Features
- Action Menu : We’ve improved the focus handling for the Action Menu. The first action item no longer gains focus when clicking the trigger.
9.3.0
November 26, 2024
✨ Features
- Web Components: This version adds support for Angular version 19 while dropping support for version 16 in line with Angular’s official LTS and active support range.
9.2.0
November 26, 2024
✨ Features
- Action Menu: The Action Menu is a dropdown that can be used to provide quick access to contextual or navigational actions, enhancing workflows and improving the overall user experience without distracting from the main navigation.
9.1.3
October 22, 2024
🐛 Fixes
- Link: We addressed an accessibility issue where links without an href did not respond to 'Enter' or 'Space' key presses.
- Select: We’ve fixed a number of spacing inconsistencies with the cosmos-select and cosmos-optgroup.
- Button: We resolved an issue where icon buttons were causing their fit-content containers to expand unexpectedly.
9.1.2
October 17, 2024
🐛 Fixes
- SSR Hydration: We’ve fixed the issue wherein some components, when nested inside a cosmos-mode, would double render in an SSR context when hydrating.
9.1.1
October 10, 2024
🐛 Fixes
9.1.0
October 8, 2024
✨ Features
- Title : The Title component now supports a subtle variant, allowing for more flexibility to adjust heading prominence while maintaining clear visual hierarchy in user interfaces.
🐛 Fixes
- Select : We’ve fixed a bug where the focus automatically returned to the first option in the list in multi-select inputs.
9.0.0
October 4, 2024
💥 Breaking Changes
Please follow the Migration Guide for more details to resolve breaking changes.