Skip to content

@sumup-oss/circuit-ui@12.0.0-next.0

Pre-release
Pre-release

Choose a tag to compare

View all tags
@connor-baer connor-baer released this 09 Jul 11:26
Immutable release. Only release title and notes can be modified.
@sumup-oss/circuit-ui@12.0.0-next.0
d14f69f
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Major Changes

  • #3744 601c687 Thanks @sirineJ! - Removed the following deprecated icons:

    icon replacement
    AddItems Add, Items
    Copy CopyPaste
    SumUpLogo SumupLogo (sumup-oss/circuit-ui)
    SumUpLogomark SumupLogo (`sumup-oss/circuit-ui)
    Apm AlternativePaymentMethod
    EmailChat Email
    phone_chat Phone
    PhoneChat Mobile
    ColorCorrection ColorPicker
    CookiePreferences Cookie
    Customize Customise
    Favorite Favourite
    NoSim NoSimcard
    PrintFailed PrinterFailed
    Unfavorite Unfavourite
    Contractors Contractor
    notify_circle Notify
    general_settings Settings
    gift_card GiftCards
    payment_link PaymentLinks
    refer ReferAFriend, Reward
    sales Receipt
    messenger FacebookMessenger

    |

    Use the no-deprecated-icons ESLint rule to automatically apply the replacements.

  • #3679 d1ef773 Thanks @missating! - Removed the deprecated Italic decoration prop from the Numeral component following the brand refresh.

  • #3680 6f6cd02 Thanks @sirineJ! - Removed the uniqueId utility from the public API. Use React’s useId hook instead.

  • #3679 d1ef773 Thanks @missating! - Removed the menu ARIA role from the ActionMenu component. The role="menu" pattern is reserved for complex, desktop-like applications and is not appropriate for the ActionMenu component.

  • #3647 1ea4fe8 Thanks @missating! - Dropped support for Node.js 22. Node.js 24 or higher is now required.

  • #3679 d1ef773 Thanks @missating! - Removed the default value for the alt prop in the Avatar component. The alt prop is now required.

  • #3675 5377af0 Thanks @missating! - Removed the deprecated checkedLabel and uncheckedLabel props from Toggle.

  • #3670 c30f886 Thanks @sirineJ! - Removed the legacy Tooltip component. Use the newer Tooltip or Toggletip components instead.

  • #3670 c30f886 Thanks @sirineJ! - Removed the deprecated InlineElements component. Use CSS Flexbox or CSS Grid instead.

  • #3679 d1ef773 Thanks @missating! - Removed the deprecated Italic decoration prop from the Body component following the brand refresh.

  • #3675 5377af0 Thanks @missating! - Removed the deprecated hideCloseButton prop from Modal (use preventClose instead).

  • #3646 ded38de Thanks @missating! - Removed the placeholder color option from the Body, Numeral and Compact components' color prop. The --cui-fg-placeholder token does not meet WCAG 2.1 contrast requirements for text content.

  • #3689 842063f Thanks @missating! - Removed the UNSAFE_DISABLE_ELEMENT_ERRORS environment variable. The as prop on Headline and Display is now always required.

  • #3695 12533cb Thanks @missating! - Changed the Toggle component implementation to use a native input element instead of a button element under the hood. onChange now fires a native ChangeEvent<HTMLInputElement> instead of ClickEvent<HTMLButtonElement>.

  • #3674 27c0eca Thanks @missating! - Dropped support for React 18. React 19 is now the minimum required version. react and react-dom peer dependencies now require >=19.0.0

  • #3711 d061f6f Thanks @missating! - Remove the deprecated width and height props from the Flag component. Use the size prop instead.

  • #3681 f929e3f Thanks @missating! - Marked the AutocompleteInput component as stable. Import it from @sumup-oss/circuit-ui instead of @sumup-oss/circuit-ui/experimental.

Minor Changes

  • #3743 98022a8 Thanks @sirineJ! - Made PhoneNumberInput default flag size responsive to the input size.

  • #3684 ac299a1 Thanks @sirineJ! - Removed the deprecated BodyLarge component. Use Body with size="l" instead.

Patch Changes

  • #3694 da5d5ac Thanks @sirineJ! - Fixed the behavior responsible for restoring the AutocompleteInput's displayed value when it loses focus.

  • #3694 da5d5ac Thanks @sirineJ! - Fixed the AutocompleteInput suggestion box incorrectly scrolling with the combobox input.

  • #3686 bdfccf1 Thanks @missating! - Updated ListItemGroup to render the label prop as a plain Body component instead of an h4 heading.

  • #3694 da5d5ac Thanks @sirineJ! - Fixed an overflow issue in the AutocompleteInput when using multi-selection mode.

  • Updated dependencies [601c687, 1ea4fe8, 601c687, 601c687]:

    • @sumup-oss/icons@7.0.0-next.0
    • @sumup-oss/design-tokens@11.0.0-next.0
Assets 3
Loading