v4
4.26.0
July 18, 2023
Features
- Image, Media Preview: Implemented srcSet, size and loading properties
Bug Fixes
- Image: We applied stack isolation to preserve correct stacking order
4.25.0
July 14, 2023
Features
- Story Item: A new standard component for visually referencing a story.
- Text: The status property is deprecated and scheduled for removal at the end of Q4, 2023.
4.24.1
July 4, 2023
Bug Fixes
- Input, Radio Group, Checkbox Group, Select, Textarea: We rectified the label status from "inform" to "default" when the invalid state applies
4.24.0
June 27, 2023
Features
- Person Item: Implemented additional-info slot to pass in custom information
4.23.0
June 20, 2023
Features
- Person Item: A brand new standard component for visually referencing a person
Bug Fixes
- Checkbox: Refine validation message to meet a11y requirements
4.22.3
June 20, 2023
Bug Fixes
- Checkbox: We adjusted the disabled state color
- File Inputs: We refined the validation message of form field components to meet a11y requirements
- Form Inputs: We adjusted the disabled state color
4.22.2
June 13, 2023
Bug Fixes
- Select: We adjusted the spacing between the list-box and the select
4.22.1
June 9, 2023
Dependencies
- @cosmos/foundation bumped from 1.47.0 to 1.47.1
4.22.0
June 6, 2023
Features
- Select: We adjusted the list so that it appears dark in a dark mode environment.
Bug Fixes
- Bundling: We improved the bundle size by enabling better tree shaking of unused Tippy.js modules
4.21.0
June 1, 2023
Features
- React Wrapper: Following NextJS and React official conventions, components in Cosmos are declared as client-side components via the "use client"; directive. https://nextjs.org/docs/getting-started/react-essentials#the-use-client-directive
Bug Fixes
- Select: We fixed an issue where the icon would inherit a color leaking in from the light DOM.
- Radio Group: We fixed a bug where the component was causing some layout problems when it was animated and mounted simultaneously.
4.20.1
May 22, 2023
Bug Fixes
- Cosmos Option: We've fixed a bug where changing the selected attribute of an Option component didn't update the Select's value properly.
4.20.0
May 16, 2023
Features
- Flag: We've improved the caching of flag assets. When no updates are performed, the assets used to render flags are now cached for a maximum of one year on clients.
- Select: Rich options of a Select that use a prefix can now be fully customized.
4.19.0
May 12, 2023
Features
- Default Card, Link Card, Person Card, Product Card, Story Card, Video Card: The imageAlt property is marked as deprecated and will be removed by the end of Q3, 2023.
Dependencies
- @cosmos/foundation: upgraded to 1.47.0
4.18.0
May 11, 2023
Features
- Select: We created the cosmos-select-value component that holds the current value of the select and implemented the ability to slot in rich content into the select.
4.17.1
May 09, 2023
Bug Fixes
- Checkbox: We ensure that the prefix retains its size when alongside multiline or clamped labels.
- Input: We fixed the issue where the Input with types date, datetime, and time did not span the full container width.
- Radio: We ensure that the prefix retains its size when alongside multiline or clamped labels.
- Select: We rectified the arrow color of the empty select to be a darker color than the placeholder color. We rectified the placeholder color when hovering a select with dark appearance.
4.17.0
May 04, 2023
Features
- Person Card: The flag property is deprecated in favor of the flag slot.
Bug Fixes
- Cards: We rely on the title of the favorite button instead of the aria-label to adddress a VoiceOver-specific on Safari causing a double callout.
4.16.0
April 26, 2023
Features
- Person Card: We introduced the flag slot to the Person Card.
Bug Fixes
- Flag: We've fixed a bug to ensure that the flag is hidden from assistive technologies when no accessible alternative text is defined.
- Radio: We've fixed a bug where calling inputFocus on a Radio that hasn't been rendered yet, was throwing an error. That also affected the initialization of Radio Groups in some circumstances.
4.15.0
April 25, 2023
Features
- Button: Added a button-title property to the cosmos button component, which displays a tooltip when the button is hovered.
- Flag: Implemented the cosmos flag component.
4.14.0
April 13, 2023
Features
- Cards: We have improved the legibility of text inside badges on top of cards by applying a backdrop blur to it.
4.13.3
April 12, 2023
Dependencies
- @cosmos/foundation: upgraded to 1.43.0
4.13.2
April 12, 2023
Dependencies
- @cosmos/foundation: upgraded to 1.42.0
4.13.1
April 11, 2023
Dependencies
@stencil/core has been updated to 3.2.0
4.13.0
April 7, 2023
Features
- Textarea: We've created a brand new standard for textarea form fields.
Bug Fixes
- Input: We fixed the required-label to only show when the Input is marked as required.
- Select: We fixed the required-label to only show when the Select is marked as required.
- We resolved issues with the newly revised double focus outline, rectifying the border-radius and outline offset for all browsers.
4.12.1
April 04, 2023
Bug Fixes
- Default Card, Link Card, Person Card, Product Card, Story Card, Video Card: We ensured consistent callouts for improved screen reader accessibility
- Icons: We added Icons that existed in Design but weren't available in the code base. These include: cosmos-icon-folder-upload, cosmos-icon-cosmos-icon-grid-layout, cosmos-icon-grid, cosmos-icon-image-in-picture, cosmos-icon-skip-next-triangle, cosmos-icon-skip-previous-triangle, cosmos-icon-snapchat, cosmos-icon-upload
- Icons: We renamed cosmos-icon-preview-filled to cosmos-icon-preview-off-filled and cosmos-icon-preview-filled-1 to cosmos-icon-preview-filled
4.12.0
March 30, 2023
Features
- Icon: We added the cosmos-icon-folder-download icon
Bug Fixes
- I: We fixed cosmos-icon-download, it renders the correct figure now. The one that was previously displayed here is now cosmos-icon-folder-download
4.11.0
March 28, 2023
Bug Fixes
- Input: We changed the border-color strength
4.10.0
March 21, 2023
Bug Fixes
- Cards: The favorite button is now persistently visible on touch screen devices.
4.9.0
March 17, 2023
Features
- Select: We implemented a button to clear the choice made in a select.
Bug Fixes
- We've improved the contrast of the focus ring that becomes visible when interactive elements gain focus when navigating with the keyboard. The new focus ring ensures high visibility even in crowded environments of unknown brightness.
- Default Card: We now prevent videos from playing on touch devices.
- Link Card: We now prevent videos from playing on touch devices.
- Person Card: We now prevent videos from playing on touch devices.
- Story Card: We now prevent videos from playing on touch devices.
- Video Card: We now prevent videos from playing on touch devices.
4.8.0
March 14, 2023
Features
Select: We have released our new custom select component which provides an improved user experience when it comes to selecting options from a list.
Bug Fixes
- Default Card: We enabled the playback of the preview video when the card focused via the keyboard.
- Form Field: We've fixed a bug that was responsible for inconsistencies in how form fields like inputs, checkbox-group, and radio-group have been called out to different screen readers.
- Input: We've changed the order in which the clearable button and the trailing icon do appear. For consistency, the trailing icon is always last in order.
- Link Card We fixed the inconsistent SR callout of information
- We enabled the playback of the preview video when the card focused via the keyboard.
- Person Card: We enabled the playback of the preview video when the card focused via the keyboard.
- Radio Group: We've fixed a bug where pressing the "Tab" key in a group of unselected radios moved the focus to the next radio in the group rather than the next focusable element on the page.
- Story Card: We fixed the inconsistent SR callout of information
- We enabled the playback of the preview video when the card focused via the keyboard.
- Video Card: We enabled the playback of the preview video when the card focused via the keyboard.
4.7.1
March 9, 2023
Bug Fixes
- Input: We addressed an issue that the input fired a wrong change event when clicked on the clear button. The input keeps its value also in sync with the changes now.
- Preact Wrapper: We've fixed a bug where the types for custom elements did include the package's version number in their name when using @cosmos/web-scoped/preact
- Cards: Featured images are now hidden from screen readers when there is no accessible alternative text available.
- Cards: Videos within cards will no longer loop on hover. Instead, they will play once and then transition back to the featured image.
4.7.0
March 7, 2023
Features
We have renamed component definition functions. defineCosmosButton() becomes defineCustomElementCosmosButton(). This applies to all components. The old definitions are still working and will log a deprecation message. They will be removed in a future major release. Our Framework-Specific Wrappers have already been refactored to utilize the new Definitions. Read more about current Deprecations here.
Dependencies
@stencil/core has been updated to 3.1.0
4.6.1
February 21, 2023
Bug Fixes
- Checkbox:
- We aligned the bounding box of the checkbox with the designs.
- We now ensure that string-boolean values passed for checked are resprected so that the checked state of a Checkbox can be controlled through "false" and "true".
- Text:
- We now ensure that string-boolean values passed for clamp are resprected so that clamp of a Text can be controlled through "false" and "true".
4.6.0
February 10, 2023
Features
Link: We've improved the contrast ratio for link underlines to meet accessibility acceptance criteria.
Bug Fixes
Wrappers: We've fixed a bug where source maps leaked into the library builds of web component wrappers for Vue, React, and Preact.
4.5.0
February 8, 2023
Features
- Checkbox: Checkbox can now be interacted with for the full width of a row
- Radio: Radios can now be interacted with for the full width of a row
4.4.0
February 7, 2023
Features
- Cards:
- We increased the font-size for card-texts.
- We decreased the meta-text font-size on compact cards.
- Person Card: We increased the font-size for disciplines and nationality.
Bug Fixes
- Input: We've fixed a bug where the clearable button did not respond to the given appearance of the input component correctly.
4.3.2
January 26, 2023
Bug Fixes
- Link We've fixed a bug where the decorative underline was cut off when used in the last line of a clamped Text component
4.3.1
January 19, 2023
Features
- Link Card, Story Card, Video Card
- We reduced the space between the headline and meta on compact cards without text
4.3.0
January 17, 2023
Features
- Link Card
- We added the customization api to the link card
- We added functionality to display a logo
- Checkbox
- Validation top margin was reduced from 8px to 4px for the standalone component
Bug Fixes
- Icon
- We updated the snapchat icon
As a result of the updated browser support, we've been able to slim down our library by removing a polyfill to gain legacy browser support for ResizeObservers that are used to track the resizing of Media Preview and Card components.
4.2.0
January 13, 2023
Features
- Link Card
- Implemented an optional tag property on the Link Card
- Implemented an optional preview video property on hover state for the link
4.1.0
January 12, 2023
Features
- Link Card: We Implemented the Link Card component which is a way to feature external assets on Red Bull's web platforms.
Bug Fixes
- Checkbox
- Checkbox SVG now is no longer picked up by screen-readers
- Prefixed slotted content will no longer be read by screen readers
- Radio
- Hide prefix text from assistive technologies
- We ensure that no information from decorative prefixes is exposed to assistive technologies.
4.0.0
January 12, 2023
A new major version of Cosmos has been released! The new Button styles we introduced in Q3 of 2022 under a feature flag are now in effect by default. This means that the enable-new-styles prop will have no effect anymore and the new styles will be enabled on all buttons.
If you already followed our Migration Guide throughout Q3 and Q4 the effort will be as minimal as just removing the enable-new-styles prop from the button components.
If you have any questions or need help upgrading don't hesitate to reach out.
Breaking Change:
- Button: We removed the enable-new-styleproperty and instead made it the default for all Buttons.