Version Packages

[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@sumup/circuit-ui@3.0.0

Major Changes

• #1008 e76f2d03 Thanks @connor-baer! - Made the as prop required in the Headline and SubHeadline components. Intentionally setting the heading level ensures a consistent and accessible page structure.

• #1082 00ee3ffb Thanks @connor-baer! - Tweaked the Hamburger design and aligned its height with the Button component.

• #1000 8f181a6c Thanks @robinmetral! - Improved keyboard and accessibility support.

  • Now the Popover can be closed using Escape key.
  • The trigger component now accepts the aria-haspopup and aria-controls props.

• #1080 91324688 Thanks @robinmetral! - Added a development-only check for required label props that throws a runtime error if any is missing.

• #1014 2e0e4381 Thanks @connor-baer! - Restricted the Headline's and SubHeadline's as prop to heading elements.

• #1073 5eaa9520 Thanks @connor-baer! - Made the label of the SelectorGroup visible by default. It can be hidden with the hideLabel prop, but this should only be done in rare cases and only if the purpose of the field can be inferred from context.

• #1077 4166e2ea Thanks @connor-baer! - Aligned the Calendar styles with other input components and injected the styles as global styles. Previously, they were scoped to a parent classname which prevented the use of the withPortal prop.

• #1000 8f181a6c Thanks @robinmetral! - Extended the Popover list item state with disabled variant.

Minor Changes

• #1089 2d216980 Thanks @connor-baer! - Added a useCollapsible hook to build accessible and smoothly animated collapsible sections.

• #1023 07614c5f Thanks @connor-baer! - Added the useClickOutside, useEscapeKey, and useFocusList hooks which can be used to make custom components more keyboard accessible.

• #997 4e6bbfea Thanks @robinmetral! - Exported the missing style mixins from Circuit.

• #1083 3513326a Thanks @robinmetral! - Added an escape hatch to silence accessibility errors in development when the UNSAFE_DISABLE_ACCESSIBILITY_ERRORS environment variable is set to true.

• #998 43b1403a Thanks @robinmetral! - Extended the typography-sizes codemod to transform the Anchor component and warn of any necessary manual migration.

• #1074 1869c218 Thanks @connor-baer! - Persisted the active state of the Button when it is pressed or an associated menu is expanded.

• #1022 afb2eb29 Thanks @connor-baer! - Added the focusVisible style mixin that shows a focus outline only when the user agent determines via heuristics that the focus should be made evident on the element (see :focus-visible).

• #1073 5eaa9520 Thanks @connor-baer! - Added a hideLabel prop to the RadioButtonGroup to visually hide the label. This should only be used in rare cases and only if the purpose of the field can be inferred from context.

Patch Changes

• #1007 efe0210e Thanks @connor-baer! - Refactored the modal components to consistently dispatch tracking events.

• #1013 d5e528bf Thanks @amelako! - Extended the Popover component to accept custom modifiers, moved the open state outside of the component, and improved accessibility features.

• be99e904 Thanks @robinmetral! - Passed a dummy label to the ImageInput's presentational AddButton to prevent it from throwing because of a missing label.

• #1059 a76a5954 Thanks @connor-baer! - Fixed a layout bug when a Popover was rendered inside a Modal.

• #1061 37a4950f Thanks @robinmetral! - Removed the Modal's min-height to support modals with little content.

• #1067 aa40cd8d Thanks @connor-baer! - Fixed the scrolling behaviour when the content overflows a Modal.

• #1070 94fee802 Thanks @connor-baer! - Implemented a temporary fix for the removeModal method.

• #1070 94fee802 Thanks @connor-baer! - Fixed the overflow behavior of Modals, including an iOS-specific issue.

• #1051 9234ebc3 Thanks @robinmetral! - Tweaked the Card component interface to support any optional ref.

• #1020 cee2c0c4 Thanks @amelako! - Fixed a bug in the Popover component to correctly stack the popover content on top of the overlay on mobile.

• #1078 ee1446a3 Thanks @amelako! - Fixed the CurrencyInput bug for Chile locale where shouldn’t be any fraction digits in the input.

• #1062 6a6e1f06 Thanks @robinmetral! - Fixed the JSX runtime import source for Circuit UI package.

• #1065 8322bd64 Thanks @connor-baer! - Fixed the stacking order of a Popover inside a Modal.

• #1077 4166e2ea Thanks @connor-baer! - Allowed content to overflow the Modal.

• #1055 a4a514fd Thanks @connor-baer! - Prevented pointer events when the Popover is closed. Previously, it would obstruct the content behind it.

• #1082 00ee3ffb Thanks @connor-baer! - Reduced the height of the Button's kilo size from 34px to 32px to align it with the other components.

• #1046 a39ee223 Thanks @connor-baer! - Improved the Popover's focus handling to prevent it from hijacking the focus on render.

• #1072 35a6048c Thanks @connor-baer! - Fixed the useClickOutside hook when the clicked element is inside the container and removed from the DOM immediately after the click.

• #1087 9ac7aa8f Thanks @connor-baer! - Improved fullscreen display of immersive Modals on iOS and added bottom padding to the Modal content to clear any browser chrome overlays.

• #1068 3f06e091 Thanks @robinmetral! - Fixed the contextual modal heights to match content height instead of 90vh.

• Updated dependencies [9a35c9a7, 9a35c9a7]:

  • @sumup/design-tokens@3.0.0

@sumup/design-tokens@3.0.0

Major Changes

• #1039 9a35c9a7 Thanks @connor-baer! - Changed all breakpoints to media query strings. The consistency helps predictability and allows the breakpoint values to be passed to window.matchMedia directly.

Minor Changes

• #1039 9a35c9a7 Thanks @connor-baer! - Added untilGiga and untilTera breakpoints and media queries.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/sumup/oss-circuit-ui/5DTGqR7im5h5JC6kYSsWEZcwNbTX
✅ Preview: https://oss-circuit-ui-git-changeset-release-main-sumup.vercel.app

[codecov]

Codecov Report

Merging #1096 (509f018) into main (13e8745) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main    #1096   +/-   ##
=======================================
  Coverage   91.65%   91.65%           
=======================================
  Files         167      167           
  Lines        2985     2985           
  Branches      891      891           
=======================================
  Hits         2736     2736           
  Misses        236      236           
  Partials       13       13