v8
Please follow our Migration Guide to migrate from v7 to v8
๏ปฟ
8.7.0
October 3, 2024
โจ Features

- ๏ปฟButton: The complex structure of the cosmos button was causing some minor but noticeable rendering issues and was visually imbalanced when an icon was present. As a result, we revisited design of the button, removing redundancies and optimizing the structure for improved loading and visual balance. This has resulted in some minor changes to buttons widths as illustrated.
๐ Fixes
- A number of SSR regressions were introduced with cosmos/web v8.5.1 due to a stencil update, which has now been reverted.
๏ปฟ
8.6.0
October 1, 2024
โจ Features

- ๏ปฟSelect: The Select has received spacing and layout adjustments, visually separating the option groups more to allow for quicker skimming and scanning as well as improving the user experience when selecting multiple options.
๏ปฟ
8.5.1
September 26, 2024
๐ Fixes
๏ปฟ
8.5.0
September 24, 2024
โจ Features
๏ปฟ

- ๏ปฟIcon๏ปฟ: Introducing two new icons to closer align with native video player experiences and converge experiences across platforms.
- subtitles: This icon replaces the existing subtitles icon.
- audio-settings: The audio-settings icon is a new addition to the library.
๏ปฟ
๏ปฟ
๐ซ Deprecations
- ๏ปฟIcon๏ปฟ: As per the new icons for subtitles and audio settings, the โcosmos-subtitle-filledโ icon is being depreciated and replaced with the โcosmos-subtitleโ icon.
Please follow the Deprecation Guide for more information.
๏ปฟ
8.4.0
September 19, 2024
โจ Features

- Meta information is now supported for selectable options, providing context to help users easily pick the right choice from a select list.
- When hovering the Input or any of the options within a select, the full text is displayed as a native title tooltip. This allows users to see truncated strings in their entirety and further improves usability.
๏ปฟ
8.3.8
September 12, 2024
๐ Fixes
๏ปฟ
8.3.7
August 29, 2024
๐ Fixes
- All Components: We ensure that updates or deferred content are properly detected and reflected, specifically when slots are initially rendered empty.
๏ปฟ
8.3.6
August 22, 2024
๐ Fixes
- ๏ปฟSelect๏ปฟ: We resolved an issue in the Select component where the Cosmos Flag, when used as a slotted prefix, was not displayed correctly as part of the selected value. The issue occurred specifically on initial load in prerendered setups.
๏ปฟ
8.3.5
August 12, 2024
๐ Fixes
- We fixed an issue in @cosmos/web-scoped where the scoped environment could not be determined due to an environment variable issue, which affected version 8.3.4. This fix ensures that the appearance is correctly resolved by the scoped <cosmos-mode> again.
๏ปฟ
8.3.4
August 8, 2024
๐ Fixes
- ๏ปฟCard: The content of cards no longer overlaps with font-scaling applied at browser or system level, while preserving the focus ring.
๏ปฟ
8.3.3
August 1, 2024
๐ Fixes
- ๏ปฟSelect๏ปฟ: The Select now retains its scroll position when an option is clicked in a scrollable listbox with multiple selection enabled.
๏ปฟ
8.3.2
July 30, 2024
๐ Fixes
- ๏ปฟSelect๏ปฟ: The initial focus in the Select dropdown is now correctly set when opening the combobox via click. It will focus either focus the first pre-selected option or the first available option.
๏ปฟ
8.3.1
July 25, 2024
๐ Fixes
- ๏ปฟCard: We reverted recent changes that hid card overflow content when font scaling was applied because the focus ring was no longer visible.
๏ปฟ
8.3.0
July 23, 2024

โจ Features
- Web Components: This version adds support for Angular version 17 and 18 while dropping support for version 14. Going forward we are aiming to align with the Angular teamโs actively supported versions. Should you require prolonged support for deprecated versions please reach out to us.
๐ Fixes
- Scoped Web Components: We fixed an issue where our scoped web component package did not include the angular wrapper files.
- ๏ปฟCard: The content of cards no longer overlaps when font-scaling is applied at browser or system level.
๏ปฟ
8.2.2
July 18, 2024
๐ Fixes
- ๏ปฟSelect: Resolved multiple internal issues preventing proper rehydration on the client, specifically for environments where the component was previously rendered on the server.
๏ปฟ
๏ปฟ
8.2.1
July 11, 2024
๐ Fixes
- ๏ปฟAvatar๏ปฟ: Initials are not called out as โgraphicโ to screen readers anymore but treated as presentational element only
- ๏ปฟPerson Item๏ปฟ: Ensure that an invisible no-break-space character isnโt called out by screen readers
- ๏ปฟPerson Card๏ปฟ: Single disciplines on a Card are not called out as a list of disciplines for screen readers anymore
๏ปฟ
8.2.0
July 9, 2024
๐ Fixes
- ๏ปฟSelect๏ปฟ: Options in the Select component now extend the width of the options dropdown if it is not selected.
- ๏ปฟSelect๏ปฟ: The appearance of selected values in a Select with multiple set to true will now properly adapt to the Select's appearance.
- ๏ปฟCard๏ปฟ: The text inside Cards is now accessible to screen readers when navigating individual elements.
- ๏ปฟPerson Item๏ปฟ: An invisible character used for layouting is now ignored by screen readers and not called out anymore
๏ปฟ
8.1.0
July 4, 2024
โจ Features

- ๏ปฟIcons: Additional arrow icons, ideal for navigational transitions and directional guidance, have been added to the Icon Library. Learn more about the usage of arrow, chevron, and caret icons in our Guidelines.
๏ปฟ
๏ปฟ
8.0.1
July 2, 2024
๐ Fixes
๏ปฟ
8.0.0
July 1, 2024
๐ฅ Breaking Changes
With version 8 of the Cosmos Web, we have resolved previous deprecations.
- Several deprecated arrow-related Icons๏ปฟ are now removed as part of a significant overhaul of our Cosmos Icon library. The icons have been reintroduced with more fitting names, including more semantic names for some and broader, generalized meanings for others.
Please follow the Migration Guide for more details to resolve breaking changes.