v3
3.26.1
January 10, 2023
Features
- Input: We only display the native validation message of the input when it is located inside a form.
3.26.0
January 02, 2023
Features
- Checkbox Group: We now display the native validation message when no custom validation message is set.
3.25.0
December 29, 2022
Features
- Checkbox:
- We implemented the optional label for standalone Checkboxes
- We implemented the option to add a validation message.
- We implemented the help text via prop & slot
- Radio Group: We display the native Browser validation message when no custom message is provided.
Bug Fixes
- Input: We fixed an issue where the optional and required labels did not correctly flip in Right-to-Left Layouts.
3.24.0
December 20, 2022
Features
- Checkbox Group: We've added the disabled state that propagates down to it's children.
- Input: We aligned the validation logic with other input types, so that they behave consistently.
Bug Fixes
- Checkbox Group: We've fixed a bug where checkboxes inside a group haven't been correctly initialized client-side when pre-rendered on the server. This caused checkboxes not reacting to state changes of the group correctly.
- Radio Group: We've fixed a bug where radios inside a group haven't been correctly initialized client-side when pre-rendered on the server. This caused radios not reacting to state changes of the group correctly.
3.23.0
December 15, 2022
Features
- Checkbox Group: We've implemented a Checkbox Group component to make working and integrating multiple associated Checkboxes into a form experience a lot easier.
- Radio Group: Align validation logic with radio-group to make sure that every input behaves consistently.
- Radio Group: We implemented the disabled state
- Radio: Allow inputvalid event to bubble up to make sure that every input behaves consistently.
3.22.3
December 13, 2022
Bug Fixes
- Radio Group: We fixed an issue, so that the appearance of the radio-group is delegated to its children
3.22.2
December 9, 2022
Bug Fixes
- Button: We fixed an issue where the Button's Deprecation Logger would not respect the config value for disableWarnings.
3.22.1
December 1, 2022
Bug Fixes
- Checkbox: We removed the browser-specific focus ring that was shown for focused checkboxes in older versions of Safari
- Media Preview: We've fixed a bug where the Media Preview didn't replay the video when active was set on initial mount.
- Radio: We removed the browser-specific focus ring that was shown for focused radios in older versions of Safari
- Types: We've fixed an issue with aria attributes and made them agnostic to different versions of TypeScript
3.22.0
November 29, 2022
Features
- Icon: We updated the crew icon to include more people.
3.21.3
November 24, 2022
Bug fixes
- We've fixed a bug where the definition of custom elements did break server-side environments where the custom elements API isn't available.
3.21.2
November 23, 2022
Bug fixes
- Story Card: We've fixed the play-video attribute to play back the preview video when set.
3.21.1
November 10, 2022
Bug fixes
- Button: We fixed the spacing for an icon-only button of kind link with shape rectangle or circle.
3.21.0
November 3, 2022
Features
- Radio Group:
- We implemented the option to add a help text.
- We implemented the option to mark the Radio Group as invalid and add a validation message.
- We implemented functionality for required-label and optional-label.
Bug Fixes
- Radio
- We disabled the browser tooltip for an invalid Radio which would display the default validation message.
- We adjusted the gap in between sibling Radios.
- We fixed the invalid state of the Radio when hovered.
3.20.0
October 21, 2022
Features
- Radio Group: We implemented the option to add a label as well as the appearance property.
3.19.0
October 18, 2022
This version includes a major update to Cosmos Buttons that can be enabled by setting enable-new-styles on individual button instances. Using Cosmos Buttons without the enable-new-styles will be deprecated from now on and we'll turn off legacy button styles in the next major version of Cosmos end of 2022.
Features
- Button: We reworked the Button to have new styles and an additional size. This is an opt-in feature for easy adoption and can be enabled by setting the enable-new-styles prop.
- Input: We enabled the new button styles for the Input's clear button.
- Product Card: We enabled the new button styles for the CTA button.
- Video Card: We enabled the new button styles for the play button.
- Cards: We enabled the new button styles for the favorite button of the Default, Story, Video and Person Card
3.18.0
October 6, 2022
Features
- Input: If no clear-aria-label is set in conjunction with the clearable feature the clear button will be hidden from the Accessibility Tree
3.17.0
October 4, 2022
Features
- Button: We added a new custom property to change the Button's icon size.
- Input: We added a new option that enables clearing the Input using a button.
Bug Fixes
- Input: We've updated the border colour of the Input in its active state to mirror the default state.
3.16.0
September 29, 2022
Features
- Icon: We've added 70+ new icons to Cosmos
Bug Fixes
- Input: We've changed the icon color of the disabled Input so that it appears muted as well
3.15.0
September 22, 2022
- Input: We've disabled spellchecking for our Input component since it is considered a violation of data privacy. You can read more about it here
3.14.1
September 22, 2022
Bug Fixes
- Input: We fixed the hover color of a disabled Input.
3.14.0
September 20, 2022
Features
- Input: We implemented the autocomplete property.
Bug Fixes
- Checkbox: We fixed a console error that would appear when using a checked Checkbox in Preact.
3.13.0
September 15, 2022
Features
- The Input can now be customized via CSS Custom Properties and Shadow Parts.
3.12.0
September 13, 2022
Features
- Input: We added functionality to display an Input icon.
Bug Fixes
- Input: We adapt the appearance of type-related Input icons when a light appearance is applied.
- Radio Group: We fixed an issue where unintentional page scrolling would occur when focusing a Radio while navigating with the arrow keys.
3.11.0
September 08, 2022
Features
- Input: We added autofocus functionality.
- Input: We added the inputFocus and inputBlur methods.
- Input: We implemented the input types.
Bug Fixes
- We’ve fixed a bug on Safari on all cards and the media preview component where the video didn’t adapt to the correct size for some milliseconds after starting the replay.
- Tooltip: We fixed an issue where the tooltip sometimes did not disappear correctly.
3.10.0
September 06, 2022
Features
- Input: We added functionality to include a help text.
- Input: We added functionality to include a required or optional label.
- Input: We added functionality to include a validation message.
Dependencies
- @cosmos/foundation: upgraded to 1.38.0
3.9.0
September 01, 2022
Features
- Input: It now supports a disabled state
- Input: It now supports a readonly state
- Input: It now supports setting a placeholder
3.8.0
Features
- Icons: We've harmonized the size and proportions of all existing Icons
- Input: We've released the first version of our brand new Input component
- We've added a new wrapper to offer first-class Vue support for Cosmos. Find out everything about our Vue Wrapper
Bug Fixes
- We fixed the invalid flag so the Checkbox would be recognized as such via a screen reader
- We fixed a Bug in Safari lower version 15 that prevented data of Checkboxes, Radio and Inputs to be submitted along forms
Dependencies
- @cosmos/foundation: upgraded to 1.37.0
3.7.1
August 25, 2022
Bug Fixes
- Button: We fixed the vertical alignment of the button's label. Leaking inheritable styles can no longer cause misalignment.
Dependencies
- @cosmos/foundation: upgraded to 1.36.0
3.7.0
August 17, 2022
Features
We've created a React wrapper to make working and integrating Cosmos web components as easy as working with first-class React components. Read everything about it in our Getting Started Guide for React.
3.6.1
August 4, 2022
Dependencies
- @cosmos/foundation: upgraded to 1.34.0
3.6.0
August 2, 2022
Features
- Checkbox and Radio: We reduced the visual width of the border to 1px, except for the invalid state.
Bug Fixes
- Checkbox: We fixed the inputReportValidity method which wouldn't apply an invalid state to the component when needed.
- Radio: we fixed the visual background to be transparent instead of displaying a solid color on non hover states.
Dependencies
- @cosmos/foundation: upgraded to 1.34.0
3.5.0
July 26, 2022
Features
- The Radio can now be customized via CSS custom properties and Shadow Part
Bug Fixes
- Button: We've fixed a bug where the label of pre-rendered Buttons was dropped while re-hydrating them on client-side using the JavaScript loader bundle of the Cosmos library
- Checkbox:
- We added a CSS custom property for the hovered text color
- We've fixed a bug where the label of pre-rendered Checkboxes was dropped while re-hydrating them on client-side using the JavaScript loader bundle of the Cosmos library
- We fixed the gap between the Checkbox and the prefix
- Radio: We've fixed a bug where the label of pre-rendered Radios was dropped while re-hydrating them on client-side using the JavaScript loader bundle of the Cosmos library.
- Tooltip: We now ensure that the Tooltip's content won't be visible when pre-rendered but only when the Tooltip is interactive on the client-side
3.4.0
July 21, 2022
Features
- The Radio can now be forced into a single line while handling the overflow of long content.
- To align with other form inputs, the Radio component is set to display: block and therefore renders Radio's stacked rather than inline.
Bug Fixes
- Checkbox: We've fixed an issue where the content of the prefix does not inherit the color of the checkbox's label.
- Checkbox: The prefix is supposed to be a decorative element without any relevant information about the checkbox's meaning. Therefore we hide it from assistive technologies by default.
- Radio: Fixes an issue where the content of the prefix does not inherit the color of the Radios' label.
- Radio: We've fixed an issue where the Radio displayed a visual focus ring when clicking on the label.
- Radio: The prefix is supposed to be a decorative element without any relevant information about the radio's meaning. Therefore we hide it from assistive technologies by default.
- Tooltip: We fixed an issue where sometimes a remotely controlled Tooltip's visibility state was out of sync when triggered in quick succession.
3.3.0
July 14, 2022
Features
- Radio Group: We added a new Radio Group component
- Radio: We added a new Radio component
3.2.1
July 18, 2022
Bug Fixes
- Checkbox: We fixed the vertical baseline alignment of elements for pre-rendered checkboxes
- Story Card, Default Card: On Firefox 101 and above, we prevent the image to wrongfully slide when preact rehydrates the component from server side rendered markup
3.2.0
July 14, 2022
Features
- Checkbox: We improved the size and border style
3.1.0
July 7, 2022
Features
- Radio: We added functionality to add prefixes
3.0.0
June 29, 2022
Cosmos Web 3.0.0 removes deprecated APIs and replaces them in favor of a more readable, intuitive, and aligned interface across all components. To migrate from any previous version to Cosmos 3.0.0, the usage of previously deprecated API needs to be migrated accordingly.
If you haven't yet removed deprecated APIs usage a more detailed Migration Guide can be found here:
Features
- Tooltip: We removed all deprecated APIs related to the Tooltip.
- Icon: We removed all deprecated APIs related to the Icon.
- Link: We removed all deprecated APIs related to the Link.
- Story Card: We removed all deprecated APIs related to the Story Card.
- Product Card: We removed all deprecated APIs related to the Product Card.
- Video Card: We removed all deprecated APIs related to the Video Card.
- Person Card: We removed all deprecated APIs related to the Person Card.
- Default Card: We removed all deprecated APIs related to the Default Card.