@sumup-oss/[email protected]

Minor Changes

• #2873 f7e1557 Thanks @connor-baer! - Updated the --cui-fg-placeholder-* color tokens to meet contrast requirements.

@sumup-oss/[email protected]

Patch Changes

• #2908 2b0d27c Thanks @connor-baer! - Removed the Input component's red or yellow placeholder color when invalid or with a warning. Previously, the placeholder text could be confused for a user entered value.

@sumup-oss/[email protected]

Minor Changes

• #2870 d5308e7 Thanks @matoous! - Added new Code icon.

@sumup-oss/[email protected]

Minor Changes

• #2822 8fe9315 Thanks @connor-baer! - Added an experimental Timestamp component to display a human-readable date time to users.

@sumup-oss/[email protected]

Patch Changes

• #2856 36f6217 Thanks @connor-baer! - Updated the Calendar icon to the latest design.

@sumup-oss/[email protected]

Minor Changes

• #2836 0f4c967 Thanks @matoous! - Added a new icon for Japanese flag with correct country code flag_jp. Deprecated the old flag_ja icon.

@sumup-oss/[email protected]

Minor Changes

• #2832 7a292c7 Thanks @connor-baer! - Deprecated the Calendar component's calendar prop since support for the gregory calendar system wasn't fully tested and is partially broken. Use the default iso8601 calendar system instead. The prop will be removed in the next major version.

Patch Changes

• #2832 7a292c7 Thanks @connor-baer! - Fixed the display order of the Calendar component's month headline on Node 22.12 and above.

@sumup-oss/[email protected]

Patch Changes

• #2827 dc6aa83 Thanks @connor-baer! - Fixed a regression that breaks Jest and Vitest tests when matching elements using the :focus-visible selector.

@sumup-oss/[email protected]

Patch Changes

• #2824 630667d Thanks @sirineJ! - Fixed the spacing of the Carousel component's buttons.

• #2825 e036aff Thanks @connor-baer! - Removed the default attribute that was accidentally added to components with default translations.

@sumup-oss/[email protected]

Minor Changes

• #2786 97f8145 Thanks @connor-baer! - Added default translations for labels that don't change with the usage of the component. Translations are included for all locales where SumUp operates, namely bg-BG, cs-CZ, da-DK, de-AT, de-CH, de-DE, de-LU, el-CY, el-GR, en-AU, en-GB, en-IE, en-MT, en-US, es-CL, es-CO, es-ES, es-MX, es-PE, es-US, et-EE, fi-FI, fr-BE, fr-CH, fr-FR, fr-LU, hr-HR, hu-HU, it-CH, it-IT, lt-LT, lv-LV, nb-NO, nl-BE, nl-NL, pl-PL, pt-BR, pt-PT, ro-RO, sk-SK, sl-SI, and sv-SE. The current locale is determined based on the locale prop or the navigator.language API in environments that support it. If no supported locale is found, en-US is used as a fallback.

  The following component props are now optional:

  • Button, IconButton: loadingLabel
  • Calendar: prevMonthButtonLabel, nextMonthButtonLabel
  • DateInput: yearInputLabel, monthInputLabel, dayInputLabel, openCalendarButtonLabel, closeCalendarButtonLabel, applyDateButtonLabel, clearDateButtonLabel
  • Toggletip: closeButtonLabel

  We'll add default translations to more components in the future.