@sumup-oss/circuit-ui@10.15.3

Patch Changes

• #3545 32f6e95 Thanks @sirineJ! - Fixed an issue in NotificationModal where passing a ReactNode to the body prop caused it to be incorrectly wrapped in a paragraph element. The body prop of type ReactNode now renders as-is.

@sumup-oss/circuit-ui@10.15.2

Patch Changes

• #3523 6a3e10b Thanks @connor-baer! - Fixed the type check for the ListItemGroup's leadingComponent prop when passing a component that is wrapped in React.forwardRef or React.memo.

@sumup-oss/icons@5.23.0

Minor Changes

• #3520 e983cdf Thanks @ToniPetrov03! - Added Twint icon in size 24px and Bancomat icon in size 32px.

@sumup-oss/design-tokens@9.1.0-next.2

Minor Changes

• #3460 5a05db1 Thanks @connor-baer! - Added new neutral color tokens. Similar to the success, warning, and danger semantic colors, neutral should be used to highlight messages or components that have a neutral semantic meaning.

• #3460 5a05db1 Thanks @connor-baer! - Added new brand color tokens.

• #3513 ed58345 Thanks @connor-baer! - Added larger spacing tokens: --cui-spacings-yotta, --cui-spacings-ronna, and --cui-spacings-quetta.

• #3467 a566187 Thanks @connor-baer! - Added XL sizes to the Display and Numeral components.

• #3513 ed58345 Thanks @connor-baer! - Added larger border radius tokens: --cui-border-radius-giga, --cui-border-radius-tera, and --cui-border-radius-peta.

• #3460 5a05db1 Thanks @connor-baer! - Added new themes for consumer-facing applications. Import the @sumup-oss/design-tokens/consumer.css theme to apply it globally. Import the @sumup-oss/design-tokens/consumer-scoped.css theme to apply it to any elements with the data-color-scheme="consumer" selector.

Patch Changes

• #3467 a566187 Thanks @connor-baer! - Tweaked the font sizes, weights, and line heights of the typography components.

• #3460 5a05db1 Thanks @connor-baer! - Tweaked the refreshed color palette.

@sumup-oss/circuit-ui@10.15.0-next.2

Minor Changes

• #3440 4acb03f Thanks @connor-baer! - Deprecated the InlineElements component. Use CSS Flexbox or CSS Grid instead.

• #3441 aca875d Thanks @connor-baer! - Updated the design of the Badge component to use a light background color.

• #3440 4acb03f Thanks @connor-baer! - Deprecated the style mixins. Use the utilClasses instead. We strongly recommend migrating from Emotion.js to CSS Modules.

• #3467 a566187 Thanks @connor-baer! - Added XL sizes to the Display and Numeral components.

• #3440 4acb03f Thanks @connor-baer! - Deprecated the Body and Numeral components' italic decoration value. Since the brand refresh, italic text is no longer supported and the value will be removed in the next major release.

• #3440 4acb03f Thanks @connor-baer! - Deprecated the Display component's weight prop. Since the brand refresh, only bold is supported. The weight prop will be removed in the next major version.

Patch Changes

• #3467 a566187 Thanks @connor-baer! - Tweaked the font sizes, weights, and line heights of the typography components.

@sumup-oss/circuit-ui@10.15.1

Patch Changes

• #3509 d532a2c Thanks @sirineJ! - Improved keyboard interaction handling for freeform input in the AutocompleteInput component.

@sumup-oss/circuit-ui@10.15.0

Minor Changes

• #3506 3b4ca57 Thanks @sirineJ! - Added an onTabChange props to the Tabs component and a onTabChange argument to the useTabState helper hook.

• #3497 4cc262d Thanks @connor-baer! - Added an experimental TimeInput component based on the native input[type="time"] element.

@sumup-oss/circuit-ui@10.14.8

Patch Changes

• #3501 0ab2aa0 Thanks @sirineJ! - Fixed an issue where disabled or read-only input fields could still be cleared via the clear button (SeachInput and AutocompleteInput). The clear button is now only shown when the input is editable.

• #3498 2d9e5d2 Thanks @sirineJ! - Fixed incorrect tabIndex prop name in the Tab component.

@sumup-oss/circuit-ui@10.14.7

Patch Changes

• #3465 dd0cb25 Thanks @connor-baer! - Removed unnecessary scrollbars from the DateInput component's calendar popover.

@sumup-oss/circuit-ui@10.14.6

Patch Changes

• #3461 34cc29b Thanks @connor-baer! - Reduced the spacing between small buttons in the ButtonGroup component.

• #3436 838b8b2 Thanks @matoous! - Increased the density of the ActionMenu.

• #3463 36a9236 Thanks @connor-baer! - Fixed updating the PhoneNumberInput's country code input when switching between two countries with matching country codes (e.g. Canada and USA which share +1).