@sumup-oss/[email protected]

Patch Changes

• #2778 8785732 Thanks @connor-baer! - Removed warning when importing the stable Tooltip component.

@sumup-oss/[email protected]

Patch Changes

• #2775 1b12634 Thanks @connor-baer! - Improved the DateInput component's calendar dialog to be placed on the side with the most available space and to scroll when it overflows the viewport.

• #2775 1b12634 Thanks @connor-baer! - Stretched the DateInput component to take up the available width.

@sumup-oss/[email protected]

Patch Changes

• #2771 a7982db Thanks @sirineJ! - Improved the accessibility of the DateInput component by restoring focus to the opening element when closing the calendar dialog.

• #2771 a7982db Thanks @sirineJ! - Fixed unclickable previous/next month buttons on the Calendar component.

• #2772 d91ddee Thanks @connor-baer! - Added type="button" to all button elements in the Calendar and DateInput components to prevent them from triggering form submissions.

@sumup-oss/[email protected]

Patch Changes

• #2768 d578758 Thanks @connor-baer! - Improved the DateInput component's accessibility when empty.

• #2769 76787fa Thanks @sirineJ! - Added the missing "use client" directive to a number of components.

@sumup-oss/[email protected]

Patch Changes

• #2765 6fdeea0 Thanks @connor-baer! - Fixed the Body's font weight when rendered as a strong element.

@sumup-oss/[email protected]

Minor Changes

• #2755 93f12f2 Thanks @sirineJ! - Added a fixer method to the no-deprecated-custom-properties ESlint rule.

@sumup-oss/[email protected]

Major Changes

• #2707 f8016eb Thanks @sirineJ! - Raised the minimum Node.js version to 20+.

• #2648 f583d05 Thanks @connor-baer! - Renamed the package scope from @sumup to @sumup-oss. Replace @sumup/stylelint-plugin-circuit-ui with @sumup-oss/stylelint-plugin-circuit-ui in your package.json file, then update the plugin name in your Stylelint config:

  // .stylelintrc.js
  
  module.exports = {
  -  plugins: ['@sumup/stylelint-plugin-circuit-ui'],
  +  plugins: ['@sumup-oss/stylelint-plugin-circuit-ui'],
  };

Minor Changes

• #2653 33435cf Thanks @connor-baer! - Added circuit-ui/no-deprecated-custom-properties rule to flag uses of deprecated custom properties.

@sumup-oss/[email protected]

Major Changes

• #2707 f8016eb Thanks @sirineJ! - Raised the minimum Node.js version to 20+.

• #2648 f583d05 Thanks @connor-baer! - Renamed the package scope from @sumup to @sumup-oss. Replace @sumup/icons with @sumup-oss/icons in your package.json file, then update all imports:

  -import { Search } from '@sumup/icons';
  +import { Search } from '@sumup-oss/icons';

  Circuit UI's ESLint plugin offers the renamed-package-scope rule to automate updating the package imports.

@sumup-oss/[email protected]

Major Changes

• #2707 f8016eb Thanks @sirineJ! - Raised the minimum Node.js version to 20+.

• #2648 f583d05 Thanks @connor-baer! - Renamed the package scope from @sumup to @sumup-oss. Replace @sumup/eslint-plugin-circuit-ui with @sumup-oss/eslint-plugin-circuit-ui in your package.json file, then update the plugin and rule names in your ESLint config:

  // .eslintrc.js
  
  module.exports = {
  -  plugins: ['@sumup/circuit-ui'],
  +  plugins: ['@sumup-oss/circuit-ui'],
    rules: {
  -    '@sumup/circuit-ui/component-lifecycle-imports': 'error',
  +    '@sumup-oss/circuit-ui/component-lifecycle-imports': 'error',
    },
  };

Minor Changes

• #2653 33435cf Thanks @connor-baer! - Added a migration for the Display (formerly Title), Headline and Body components' size prop to the circuit-ui/no-renamed-props rule.

• #2653 33435cf Thanks @connor-baer! - Added circuit-ui/no-deprecated-custom-properties rule to flag uses of deprecated custom properties.

• #2713 00727aa Thanks @sirineJ! - Updated the component-lifecycle-imports ESLint rule to flag imports of the now stable Calendar, ColorInput, PhoneNumberInput, Tooltip and Toggletip components from @sumup-oss/circuit-ui/experimental.

• #2648 f583d05 Thanks @connor-baer! - Added circuit-ui/renamed-package-scope rule to update imports for design system packages that have moved from the @sumup to the @sumup-oss scope.

@sumup-oss/[email protected]

Major Changes

• #2707 f8016eb Thanks @sirineJ! - Raised the minimum Node.js version to 20+.

• #2648 f583d05 Thanks @connor-baer! - Renamed the package scope from @sumup to @sumup-oss. Replace @sumup/design-tokens with @sumup-oss/design-tokens in your package.json file, then update all imports:

  -import '@sumup/design-tokens/light.css';
  +import '@sumup-oss/design-tokens/light.css';

  Circuit UI's ESLint plugin offers the renamed-package-scope rule to automate updating the package imports.

• #2654 55bf9ad Thanks @connor-baer! - Changed the default font from Aktiv Grotesk to Inter, a variable font. Variable fonts combine a continuous range of weights and other "axes" into a single file. This speeds up page load times and enables more creative freedom. Inter is a close match to Aktiv Grotesk, so users shouldn't notice a difference.

• #2654 55bf9ad Thanks @connor-baer! - Added a new @sumup-oss/design-tokens/fonts.css file containing the @font-face declarations to load the Inter font family. Refer to the documentation on how to load fonts in your application.

Minor Changes

• #2653 33435cf Thanks @connor-baer! - Consolidated and renamed the typography tokens:

  Old	New
  typography-title-one-font-size	typography-display-l-font-size
  typography-title-one-line-height	typography-display-l-line-height
  typography-title-two-font-size	typography-display-m-font-size
  typography-title-two-line-height	typography-display-m-line-height
  typography-title-three-font-size	typography-display-m-font-size
  typography-title-three-line-height	typography-display-m-line-height
  typography-title-four-font-size	typography-display-s-font-size
  typography-title-four-line-height	typography-display-s-line-height
  typography-headline-one-font-size	typography-headline-l-font-size
  typography-headline-one-line-height	typography-headline-l-line-height
  typography-headline-two-font-size	typography-headline-m-font-size
  typography-headline-two-line-height	typography-headline-m-line-height
  typography-headline-three-font-size	typography-headline-m-font-size
  typography-headline-three-line-height	typography-headline-m-line-height
  typography-headline-four-font-size	typography-headline-s-font-size
  typography-headline-four-line-height	typography-headline-s-line-height
  typography-sub-headline-font-size	typography-headline-s-font-size
  typography-sub-headline-line-height	typography-headline-s-line-height
  typography-body-large-font-size	typography-body-l-font-size
  typography-body-large-line-height	typography-body-l-line-height
  typography-body-one-font-size	typography-body-m-font-size
  typography-body-one-line-height	typography-body-m-line-height
  typography-body-two-font-size	typography-body-s-font-size
  typography-body-two-line-height	typography-body-s-line-height