v2
2.72.1
June 20, 2022
Dependencies
- @cosmos/foundation: upgraded to 1.33.1
The upgrade to @cosmos/foundation v1.33.1 makes use of the new Bull Variable Font v5.001 that fixes an issue with Umlauts not being displayed correctly for medium font weights
2.72.0
June 20, 2022
Features
- # 1.15.0 #### What's fixed * Tooltip: Allow the tooltip to work nicely when used inside inline content * Tooltip: Fix enter and leave animation when `follow` is enabled #### What's new * Story Card: A new standard component to reference Stories using a card * * * # 1.14.0 #### What's fixed * Fix tooltip animation when it is auto-positioned * Fix bug where tooltip animation isn't reliably fired #### What's new * Replace spinner inside button with a new standard spinner component * Add follow property to allow the tooltip to follow your mouse * upgraded @cosmos/foundation to 1.20.0 * * * # 1.13.0 #### **What's new** * We've added the spinner component * * * # 1.12.0 #### **What's new** * We've added the tooltip component * * * # 1.11.1 #### **What's new** * @cosmos/foundation: upgraded to 1.19.0 * * * # 1.11.0 #### **What's new:** * We've increased the size of icons inside Buttons to 18px #### What's fixed: * We've fixed the square and circle shape for Buttons in size small * * * # 1.10.0 #### **What's new:** * We've added two new shapes to Buttons – square and circle * * * # 1.9.0 #### What's new: * Buttons do now support rendering icons * * * # 1.8.0 #### What's new: * The spinner of the Button now renders a little larger than before for better visibility * We have a brand new **Link** component * We use the latest version of @cosmos/foundation 1.18.0 * * * # 1.7.1 **What's fixed** * Button: render correct hover style when button is used with href prop #### **What's new** * @cosmos/foundation: upgraded to 1.17.0 * * * # 1.7.0 #### What's new * We've added a new standard **Icon component** * * * # 1.6.0 #### What's fixed * Button: Fix spinner gradients so that the color is right on older browsers * Button: change alignment of loading spinner for better browser support * Button: fix max-width issues on older browsers #### What's new * Text: enable font smoothing * Title: add weight attribute * Title: enable font smoothing * We're now using the latest version 1.16.0 of @cosmos/foundation * * * # 1.5.3 #### **What's fixed** * We're now using the latest version 1.15.1 of @cosmos/foundation * * * # 1.5.2 #### What's fixed * Disable hover effect and change text-color for buttons busy state * * * # 1.5.1 #### What's fixed * Buttons now do have a maximum width of their container and truncate texts that exceed button width * * * # 1.5.0 #### What's fixed * We fixed a bug where `strong` and `b` elements inside a text didn't render the bold font-weight #### What's new * We've added a busy, disabled, mode property to the Button component and support user interactions states like hover and focus * * * # 1.4.0 **What's fixed** * We've fixed a bug with the mode provider where it couldn't be used in parallel #### What's new * We've added a Button component * We've added a Title component * We've made the `mode` property on the Text available to the Code API as well * We're now using the latest version 1.13.0 of @cosmos/foundation * * * # 1.3.1 #### **What's new** * We're now using the latest version 1.12.0 of @cosmos/foundation * * * # 1.3.0 #### **What's new** * We've added the weight and tag property to the text component * The text component now uses fluid typography and adapts its size seamlessly to the available viewport width * The text font sizes are now `rem` based and allow the configuration of the base font size via CSS variables * We allow the text tag to be `div` and `span` as well * The text automatically switches to a different font-family stack based on a `lang` the attribute set at any of its parents (usually the `html` tag) * We introduced a mode-provider component that allows you to switch modes of child components * The text reacts to the mode provided via the mode-provider * * * # 1.2.0 #### **What's new** * We've added the appearance, spacing, and status property to the text component * We're now using the latest version 1.11.0 of @cosmos/foundation * * * # 1.1.0 #### What's new * We've added a basic version of the cosmos-text component * We've added add size property to cosmos-text that allows you to render text in different sizes * We're now using the latest version 1.10.0 of @cosmos/foundation: We updated and added 3rd party Icons including Apple, Bands in Town, Google Play, Mixer, Reddit, Twitter, Snapchat, Songkick, Soundcloud, Strava, TikTok, Vimeo, and Vine
2.71.0
June 17, 2022
Features
- Image: We added a CSS custom property to customize the border radius
Bug Fixes
- Checkbox: We fixed the alignment of elements, especially when the input receives a custom size, fixed and expanded the prefix' hit area, made the required label triggers hovered and checked states and the slotted prefix content will now be used to describe the checkbox.
2.70.0
June 13, 2022
Bug Fixes
- Tooltip: When no content is provided the tooltip will not show an empty container anymore.
2.69.0
June 7, 2022
Features
- The prefix slot of the Checkbox isn't opinionated about its size but rather adapts to the width and height of the added content. This makes the Checkbox prefix more versatile and future-friendly to use.
- We've added new icons for podcast platforms Amazon Music, Apple Podcasts, Deezer, and Google Podcasts.
Bug Fixes
- Checkbox: We fixed a clamp issue on Safari 12 and the height of the indeterminate hyphen is now relative to the box size.
- Tooltip: After the component instantiation is destroyed, we now do cleanup, like deleting the tippy instance and unregistering events.
2.68.0
June 7, 2022
Features
- We implemented the CSS custom properties related to the label and the remaining CSS custom properties.
- We now expose the z-index of the Tooltip as a Custom CSS Property to allow adjusting the default value when needed.
2.67.0
June 2, 2022
Features
- Checkbox: We exposed the CSS Shadow Parts for Customization
- Media Preview: The default Border Radius is now set to 0
Bug Fixes
- Checkbox: The checkbox label will now be rendered as a span to be semantically correct.
2.66.0
May 31, 2022
Features
- Checkbox: We added the autofocus functionality and added the following validation methods: inputCheckValidity, inputReportValidity, inputSetCustomValidity
- We've added a new headphones icon
Bug Fixes
- Checkbox: We fixed a bug where MacOS VoiceOver had issues to properly connect the checkbox input with its corresponding label and removed the extra focus border that appeared when focusing the checkbox in legacy browsers and fixed the way we validate the input and show the native validation tooltip
- Person Card: We clamp the nationality to a single line to prevent potential overflowing of the profile image and fixed the gap between the flag and the nationality in RTL layout
- Video Card: We fixed the gap between the live icon and the badge label in RTL layout
2.65.0
May 24, 2022
Features
- Checkbox: We added the required-label prop which enables consumers to display a custom label for required checkboxes.
Bug Fixes
- We fixed the Right-to-Left layout of the Story Card footer
- We fixed the tooltip visibility behavior when quick visibility toggles were not respected
2.64.0
May 20, 2022
Features
Checkbox: We added a new Checkbox component
- Image: We added a new Image component
2.63.0
May 12, 2022
Features
- Title: We added a CSS custom property to multiply the line-height
Bug Fixes
- In some browsers the Text wasn't able to detect the language correctly.
- As a result the rendered Text did not pick the optimized font face.
- In some browsers the Title wasn't able to detect the language correctly.
- As a result the rendered Title did not pick the optimized font face.
2.62.1
May 10, 2022
Bug Fixes
- Person Card: The Card was accidentally flagged as deprecated.
- The custom elements bundle included package information that was declared in a global scope and potentially conflicted with other global declarations in the final consumer bundle.
2.62.0
May 4, 2022
Features
- Button: We implemented the full-width variant.
Bug Fixes
- Product Card: We fixed a broken layout in right to left direction where the image was rendered outside of the card.
2.61.4
April 26, 2022
Bug Fixes
- Tooltip: We fixed an issue where the tooltip follow cursor property was not working as expected
2.61.0
April 22, 2022
Features
- Tooltip: We extended the follow property to also accept mouse or target as options. mouse will behave the same as setting it to true. target will allow the tooltip follow animated or moving targets.
2.60.0
April 21, 2022
Features
- Tooltip: It is now possible through the new 'controlled' property to prevent the tooltip to react to user interactions
- We now expose a config object that provides some customization of the library's behavior. For example, it is possible to disable warnings emitted by Cosmos in the browser console, such as deprecation messages, via the disableWarnings property. Read more about this new feature in our documentation: Configure Cosmos | Javascript
2.59.0
April 19, 2022
Features
Deprecations:
- Person Card: favorite-button-aria-label property will be removed in favor of favorite-aria-label
- Person Card: flag-image-url property will be removed in favor of flag
- Person Card: image-url property will be removed in favor of image
- Person Card: is-external will be removed in favor of external
- Person Card: is-favoritable property will be removed in favor of favoritable
- Person Card: is-favorite property will be removed in favor of favorited
- Person Card: media-resize will be removed in favor of mediaresize
- Person Card: nationality-flag CSS Shadow Part will be removed in favor of flag
- Person Card: nationality-label CSS Shadow Part will be removed in favor of nationality
- Person Card: preview-url will be removed in favor of image-preview
- Person Card: profile-image-url property will be removed in favor of profile-image
- Person Card: video-url property will be removed in favor of video
- Person Card: favorite-click event will be removed in favor of favoriteclick
Bug Fixes
- Button: We fixed an issue where the spacing between the button icon and label was inconsistent when hydrated
2.58.1
April 14, 2022
Bug Fixes
- We removed a reference to the global document that caused issues in Node environments
2.58.0
April 14, 2022
Features
Deprecations:
- Icon: label property will be removed in favor of aria-label
- Story Card: favorite-labelproperty will be removed in favor of favorite-aria-label
- Story Card: image-url property will be removed in favor of image
- Story Card: is-favoritable property will be removed in favor of favoritable
- Story Card: is-favorite property will be removed in favor of favorited
- Story Card: is-logo-narrow property will be removed in favor of logo-narrow
- Story Card: logo-url property will be removed in favor of logo
- Story Card: media-resize event will be removed in favor of mediaresize
- Story Card: preview-url property will be removed in favor of image-preview
- Story Card: video-url property will be removed in favor of video
- Story Card: favorite-click event will be removed in favor of favoriteclick
- Tooltip: show property will be removed in favor of visible
- Video Card: favorite-click event will be removed in favor of favoriteclick
- Video Card: media-resize event will be removed in favor of mediaresize
- Video Card: is-favorite property will be removed in favor of favorited
- Video Card: is-favoritable property will be removed in favor of favoritable
- Video Card: is-live property will be removed in favor of live
- Video Card: is-logo-narrow property will be removed in favor of logo-narrow
- Video Card: image-url property will be removed in favor of image
- Video Card: preview-url property will be removed in favor of image-preview
- Video Card: logo-url property will be removed in favor of logo
- Video Card: video-url property will be removed in favor of video
- Video Card: favorite-label property will be removed in favor of favorite-aria-label
Reverts:
- Person-Card: Revert deprecation of nationality-flag and nationality-label as a quick fix for a bug that makes our library fail in node environments due to missing document
2.57.0
April 12, 2022
Features
Deprecations:
- Product Card: Deprecate media-resize event in favor of mediaresize
2.56.0
April 12, 2022
Features
- Text: We extended the API for the clamp property to also allow setting boolean values. When clamp is set to true , it will truncate to one line.
- ⚠️ Scoped Web Components: The scoped web components distribution @cosmos/web/scoped is now published as a standalone package @cosmos/web-scoped. This introduces a breaking change for everyone currently using the beta version of scoped Cosmos web components. Read more about how to use the new distribution here: Scoped Web Components
- We have started with the alignment of our API across existing components and therefore deprecated some properties, events, and CSS Shadow Parts.
Deprecations:
- Default Card: favorite-label property will be removed in favor of favorite-aria-label
- Default Card: image-urlproperty will be removed in favor of image
- Default Card: is-favoritable property will be removed in favor of favoritable
- Default Card: is-logo-narrow property will be removed in favor of logo-narrow
- Default Card: logo-url property will be removed in favor of logo
- Default Card: media-rezize event will be removed in favor of mediaresize
- Default Card: preview-url property will be removed in favor of image-preview
- Default Card: video-url property will be removed in favor of video
- Default Card: favorite-click event will be removed in favor of favoriteclick
- Default Card: is-full-bleed property will be removed in favor of cover
- Link: others property will be removed
- Person Card: nationality-flag CSS Shadow Part will be removed in favor of flag
- Person Card: nationality-label CSS Shadow Part will be removed in favor of nationality
Bug Fixes
- Appearance / Mode: We fixed an edge case issue where the appearance would be overridden by the mode when the appearance was added at runtime and when the mode was subsequently changed.
2.55.3
April 6, 2022
Bug Fixes
- We've reworked the appearance logic to fix a SSR bug in the following components:
- Button
- Spinner
- Title
- Tooltip
- Default Card
- Person Card
- Product Card
- Story Card
2.55.2
March 31, 2022
Bug Fixes
- Default Card, Story Card, Video Card & Media Preview: We fixed an issue where a video might mistakenly start playing again after the mouse left the card.
- Media Preview: We removed cropping from the feature image, it will only apply to the preview image from now on. This also affects all Cards using the Media Preview component.
- Text: Fixes a bug where clamping didn't work on scoped Text components when pre-rendered with the hydration script
2.55.1
March 29, 2022
Bug Fixes
- Fixes a bug in the hydration script, where sub-components that are rendered nested inside scoped web components did not use a scoped tag name themselves.
2.55.0
March 28, 2022
Features
- To avoid conflicts when using different versions of cosmos in the same application, it is now possible to use scoped custom elements via different entry points in @cosmos/web/scoped.
Bug Fixes
- We fixed a mismatch of version used between scoped components and the scoped hydration script.
2.54.0
March 24, 2022
Features
- A hydration script to hydrate scoped web components for server-side-rendering is now added to every release. Details can soon be found here: Scoped Web Components
Bug Fixes
- Tooltip: We fixed an error caused by us calling setProps on an unavailable tooltip instance
2.53.0
March 8, 2022
Features
- Media Preview: We added the appearance property and support for mode.
Bug Fixes
- Media Preview: We added a transition on image appearance.
- Product Card: We fixed an issue where, when an image and a preview were provided, the preview would not constrain its size to the card.
2.52.6
March 3, 2022
Features
- Upgrade @cosmos/foundation to 1.25.0 which now loads Google Fonts from an owned static file server rather than Google's server to be compliant with GDPR and EU data privacy regulations
Bug fixes
- Button: Icons rendered inside buttons do now align perfectly centered, especially when their size is adjusted via the Customization API
2.52.5
March 1, 2022
Bug Fixes
- Text: We fixed the issue where information on the set appearance of the Text is lost during server-side pre-rendering.
2.52.0
February 17, 2022
Features
- The Product Card now use the Media Preview component to manage images. It fixes at the same time an issue where the card was collapsing while the image was loading.
2.51.0
February 17, 2022
Features
- A new component is available that allows you to display an image and a preview to a video clip.
Bug Fixes
- A fix to enable the background customization of the card and logo container in dark appearance.
2.50.1
February 10, 2022
Bug Fixes
- Button: Fixed an issue where buttons of kind "link" jumped vertically on hover gesture.
- Product Card: We added a missing placeholder when the feature image is loading.
2.50.0
February 8, 2022
Features
- Person Card: We improved the experience with the follow button.
Bug Fixes
- The contrast of text elements on the Video and Default Card has been improved to meet WCAG 2.1 Level AA accessibility standards.
- Person Card: We fixed the border radius on the media that wasn't rendering correctly on Safari.
- Tooltip: We fixed an issue where the tooltip would be displayed after calling the .update() method, even if it was previously hidden.
2.49.0
February 3, 2022
Features
- Title: The type-scale of Titles can be now scaled up and down via a CSS Custom Property. This allows compensating the differences of the perceived dimensions of custom font families compared to our default font.
2.48.0
February 2, 2022
Features
- We updated the Person Follow and the Person Following Icons
2.47.1
January 27, 2022
Bug Fixes
- Text: We fixed an issue where the multi-line text clamp would not work properly in combination with bottom spacing.
2.47.0
January 25, 2022
Features
- Product Card: The card is now fully customizable with CSS Custom Properties or Shadow DOM Parts
- Tooltip: The Tooltip's enter and leave animation got improved to make it feel more responsive. We've adjusted the easing curves as well as durations.
Bug Fixes
- Button: We fixed an issue where the button border width was not always being customized properly
- SSR and Appearance: Cosmos web components adapt their appearance automatically to their environment if not specifically set. To do that, they have set their appearance attribute from inside the component which leads to side-effects when they are used in conjunction with modern JavaScript frameworks. During reconciliation modern frameworks identified appearance as an attribute that shouldn't be there. As a result, the appearance attribute got removed during the hydration process to patch up the DOM and left broken components with the wrong appearance. With this fix the appearance isn't reflected anymore as an attribute allowing the component to silently adapt to the environment and to make reconciliation algorithms of modern frameworks happy again.
2.46.0
January 20, 2022
Features
- Product Card: We added the Call To Action (CTA)
- Product Card: We implemented a placeholder for cases when no image or preview is provided
2.45.0
January 17, 2022
Bug Fixes
- Bundle: We removed some code related to our internal documentation that was compiled into the bundle and introduced unwanted side effects.
- Person Card: The color icon that indicates a person to be someone outside of Red Bull is now in sync with the color of the name.
- Tooltip: It is now checking for the tooltip instance existence when calling the update method. This is to prevent errors on server-side rendering or test environments.
Features
- Preact: The @cosmos/web/preact wrapper is now available as a CommonJS module to allow its usage in environments, like when testing, that doesn't support ES modules.
- Tooltip: The tooltip now does support an offset property that allows controlling the distance to the target.
2.44.0
January 13, 2022
Bug Fixes
- Previously we've deployed type-defintions that included some collisions making the type-checking of your project fail. These collisions are now resolved.
- The Product Card's text is now "subtle"
Features
- Product Card now has support for appearance
2.43.0
January 13, 2022
Bug Fixes
- Cosmos Mode: Will now propagate its mode to its children when it is changed after mount
- Product Card: Changed border-radius of media container to 6px
- Product Card: Fixed the centering of the feature image
- Tooltip: Fixed missing enter and leave animations
- Preact Output Target: fixed bug where undefined default values have been set
Features
- Button: Implemented decorative and hovered property
- Product Card: Implement layout property
- Product Card: Implemented logo
- Tooltip: Added property to make it unreachable
- Preact Output Target: Added data- attributes to prop types
- Preact Output Target: Export component prop type
2.42.0
January 11, 2022
Features
- Preact Wrapper: All relevant web components and its dependencies will now be defined automatically when using a wrapper component
2.41.0
January 4, 2022
Bug Fixes
- We fixed overflowing logos on cards by constraining their width
- In component playgrounds on "Overview" pages, we now order the table alphabetically
Features
- The border-radius and the padding of the images can be now customized via CSS Custom Properties on all cards
2.40.0
What's fixed
- We've optimized the favorite button label for the Person Card on touch devices.
- We've narrowed down the possible types of component properties for the Preact wrapper.
What's new
- We've implemented the basic functionalities for the Product Card.
2.39.0
What's fixed
- We've fixed an accessibility issue with our primary Button. To maintain a color contrast of the button on hover gesture, we darken the background color instead of brightening it.
- We've fixed the styling of the cover-up Button and reduced the border when displayed at a small size for example inside Cards.
What's new
- We are happy to announce the first release of a Preact specific wrapper for @cosmos/web components to make working with them more convenient. You can read more about it here.
2.38.0
What's new
- Person Card now support parts to customize the favorite button.
What's fixed
- Person Card's isFavorited property has been renamed isFavorite in alignment with the other cards.
2.37.0
What's new
- Person Card: Implemented the Favorite Feature
- Story Card: Implemented a play-video prop to allow manual control of video
2.36.1
What's fixed
- Person Card: Added missing gradient overlay to image and removed light halo around profile picture on dark appearance
- Text: Improved responsive sizes to generate less css and Responsive sizes are now correctly interpolated
- Title: Fixed issue where customizations were not applied when using responsive size values and mproved responsive sizes to generate less css
- Tooltip: We now expose an update method
2.36.0
What's new
- Person Card: Added CSS custom properties and shadow parts for theming
What's fixed
- Cards: Added a fix for hover image zoom issue which occurred in Safari 15
- Title & Text: Reverted change regarding prop reflection for Title and Text made in 2.35.1
2.35.1
- For Title and Text, we don't reflect the default value of properties on the custom element anymore to avoid web components from being re-rendered during hydration reconciliation of modern frameworks.
2.35.0
What's new
- The button supports rel and target attribute to be set
- We updated the quality and rendition of icons
- We display initials when no profile image is available for the Person Card
- We implemented the disciplines property for the Person Card
- We implemented the nationality and flag-image-url properties for the Person Card
2.34.0
What's new
- We implemented appearance and mode for the Person Card
- We implemented the is-external property for the Person Card
- We use the profile image as a preview media fallback
- We prevent the usage of resize or mutation observer in SSR environments
- We apply the layout to the profile image
- We prevent the tooltip from being instantiated in node environments to avoid SSR issues
2.33.0
What's new
- We've added three new platform icons for bandsintown.com, soundcloud.com, and songclick.com
2.32.0
What's new
- We implemented the layout property on the Person Card
2.31.0
What's new
- We added the Spotify icon
- We improved the focus state on the Link component
- We restored inheritable styles for the Text and the Title components
2.30.0
- We implement the basic functionalities for the Person Card
2.29.0
What's new
- Button: Improved Accessibility
- Default Card: We added CSS custom properties for theming
- Video Card: We added CSS custom properties for theming
What's fixed
- Cards: The card wrapper now has a proper role attribute
2.28.0
What's new
- Text: Enabled tabular numbers font option for consistently monospaced numbers
2.27.0
What's new
- Icons: Added new follow icons
- Responsive Properties: Improved Type Definitions
What's fixed
- Cards: Fixed an error where videos would still be playing after mouse leave
2.26.0
What's new
- Text, Title, Button, Tooltip's font size is customizable via CSS Custom Property
- The spinner won't spin on motion reduced devices
What's fixed
- Stencil version is pinned and updated to 2.10
- Play Icon centering has been adjusted
2.25.0
What's new
- Story Card: We added CSS custom properties for theming
What's fixed
- We refactored all references of the window object to prevent issues in non-browser environments
2.24.0
What's new
- Tooltip: We added CSS custom properties for theming
2.23.0
What's new
- Button: We introduced typography-related CSS Custom Properties
2.22.0
What's new
- Title: We added CSS custom properties for theming
What's fixed
- Cards: We fixed an error where the cards meta info was truncated earlier than necessary
- Cards: The headline will now be truncated after five lines of text
- Text: We fixed an issue where the themed font weight was not applied correctly
2.21.0
What's new
- Text: we added CSS custom properties
What's fixed
- Text: we fixed multiline clamping on server-side rendering
2.20.0
What's new
- We added CSS custom properties for size and color on the icon
2.19.0
What's new
- We added the is-full-bleed property to the default card
2.18.0
What's new
- Clicking on favorite button in cards does not propagate anymore. It is now easier to catch card redirection for single page applications.
What's fixed
- We reduced the gap between icon and label on small buttons.
- Storybook display possible vales for responsive properties.
- We unpinned non dev dependencies.
2.17.1
What's fixed
- Button: we updated paddings for small and medium buttons
- Properties with default values are now optional for all components
2.17.0
What's new
- Default Card: We implemented the basic features
- Default Card: We added the badge functionality
- Default Card: We added the favorite functionality
2.16.0
What's new
- Title: we added a x-small variant
- Title: the size property is now responsive
What's fixed
- Button: we removed the min-width for all variants
2.15.0
What's new
- Helpers to help register component without explicitly registering their dependencies are now available
- Buttons now expose CSS custom properties for customization and expose base and label as parts for customization
- Icons now expose base as part for customization
- Links now expose base as part for customization
- Spinner now exposes color as CSS custom property for customization and base as part for customization
- Story Card now exposes parts for customization
- Title now exposes base as part for customization
- Tooltip now exposes parts for customization
- Video Card now exposes parts for customization
What's Fixed
- We updates bem-ts dependency to v0.12.1
- In the Story Card's story, we fixed the breakpoint specific layout example
2.14.0
What's fixed
- In cards, the image preview was rendered in front of the video.
- In cards, we removed some blurry edges on the preview image.
- In Storybook, some tags in controls were not displayed properly.
What's new
- In cards, it is now possible to use CSS custom properties to customize border radius.
- On the Video Card, we added the badge and a live status.
2.13.0
What's new
- We added the play symbol on the video card
- We added a property to observe the media resizing
What's fixed
- We brought back the focus border on the card which previously disappeared
2.12.0
- We use new cover-up kind for favorite buttons on cards
- We added the favorite functionality to the Video Card
2.11.0
What's new
- We added a first implementation of the Video Card with the basic features
2.10.0
What's fixed
- Fix broken Cosmos Tooltip on Safari 12.1
What's new
- New cover-up kind for the button
2.9.0
What's fixed
- Fix bug where the link's underline isn't visible in Safari
- Fix link bounding box when no href given
What's new
- Update phone icon
- Add laptop icon
2.8.1
What's fixed
- We fixed the defineCustomElments helper that was broken
2.8.0
What's new:
- The Story Card now supports responsive values for its layout property
- The Story Card now has improved accessibility
- The Text now supports responsive values for its size property
2.7.0
What's fixed:
- Move required production dev dependencies to dependencies; this will ultimately fix typescript checking in client applications
What's new:
- We've added three new icons: bulb, megaphone, and trending
2.6.1
What's fixed:
- The cosmos-web.js bundle now is correctly bundled into the package again
2.6.0
What's new:
- The Story Card supports the rendering of a reading time
2.5.0
What's fixed:
- The cosmos-link now inherits text styles when no href is set and therefore renders as a <button>
What's new:
- We now do publish a hydrate script to support Server-Side Rendering. You can read everything about it here: Server-Side Rendering
2.4.1
Bug Fixes
- Placement of Icons in square and circle button on Safari
- Prevent tooltip target to jump on Safari
2.4.0
What's new
- The Story Card supports video preview
What's fixed
- On the Story Card, we fixed the rounded borders being wrongly managed on Safari 10 and Chrome 55
- On the Story Card, we fixed the dimensions inside the media-resize event detail
- The image on the Story Card are now renders sharper
2.3.0
What's new:
- The Story Card supports the rendering of a badge
- The Story Card has support for a compact layout which especially becomes handy in situations where there isn't much space available
What's fixed:
- We removed the falsy indentation of the tag on Story Cards
- Fixed an issue where the Text stripped entire words instead of individual characters when clamped to one line only
2.2.0
What's new
- Text: Add support for multiline truncation / line clamping
- Story Card: Add truncation for displayed text to two lines with ellipsis
- Story Card: Add support for tag
- Story Card: Add support for logo
What's fixed
- Story Card: Aspect ratio stays fix inside a flex container
- Story Card: Favorite button now has a pointer cursor when hovering
2.1.0
Story Cards support dark appearance and favoriting
What's new
- The Story Card does now support displaying a "Favorite" button
- The Story Card is supporting a dark and light appearance
What's fixed
- The Link component now wraps properly into multiple lines
- When wrapped with a Tooltip, strong and b tags keep their bold styling
- The show and hide events of a Tooltip are now properly triggered
2.0.0
What's changed
We have entirely reworked the approach to work with modes to allow a more intuitive and distinctive differentiation between modes that are applied to a specific scope of the user interface and the appearance of a component that can adapt to it. You can read more about the new concept in our guide about Mode & Appearance.
Along with this release we had to introduce a couple of breaking changes:
- We have renamed the cosmos-mode-provider component to simply cosmos-mode
- We have renamed all properties of components that have previously been called appearance to kind. That affects the Text, Link, and Button components.
- We have renamed the mode property of all components to appearance . That affects the Tooltip, Button, Spinner, Text, Title, and Link components.