@sumup/[email protected]

Patch Changes

• #2687 2e85454 Thanks @matoous! - Fixed event and values handling for the experimental ColorInput component.

@sumup/[email protected]

Patch Changes

• #2710 ab8b1fa Thanks @sirineJ! - Optimized the Add, AddEmployees, AddItems, ArrowLeft, Calendar, Close, Edit, and Plus icons to look more balanced when used alongside text.

@sumup/[email protected]

Patch Changes

• #2708 f7b96c6 Thanks @voronianski! - Updated Conecs and Swile icons to the latest logo versions (24px size only).

@sumup/[email protected]

Patch Changes

• #2682 032b696 Thanks @matoous! - Added the missing exports for the experimental ColorInput component.

@sumup/[email protected]

Minor Changes

• #2679 ce178f8 Thanks @connor-baer! - Deprecated the Toggle component's checkedLabel and uncheckedLabel props since they are no longer needed.

• #2655 5c62949 Thanks @matoous! - Added an experimental ColorInput component that enables users to type or select a color.

@sumup-oss/[email protected]

Minor Changes

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

Patch Changes

• Updated dependencies [33435cf, 55bf9ad, 55bf9ad]:
  • @sumup-oss/[email protected]

@sumup-oss/[email protected]

Major 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.

Minor Changes

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

Patch Changes

• Updated dependencies [33435cf, 33435cf, 33435cf, 33435cf, 33435cf, 33435cf, 55bf9ad, 55bf9ad, 33435cf, 33435cf, 33435cf, 33435cf, 33435cf]:
  • @sumup-oss/[email protected]
  • @sumup-oss/[email protected]

@sumup-oss/[email protected]

Major Changes

• #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

@sumup-oss/[email protected]

Major Changes

• #2653 33435cf Thanks @connor-baer! - Renamed the Title component to Display for consistency with other platforms.

Minor Changes

• #2653 33435cf Thanks @connor-baer! - Added a new weight prop to the Body component. Choose between the regular and bold font weights.

• #2653 33435cf Thanks @connor-baer! - Added a new Compact component for text in space-constraint contexts.

• #2653 33435cf Thanks @connor-baer! - Added a new Numeral component for numeric content such as currency values.

• #2653 33435cf Thanks @connor-baer! - Consolidated and renamed the sizes of the Display (formerly Title), Headline, and Body components:

  Display & Headline

  Old	New
  one	l
  two	m
  three	m
  four	s

  Body

  Old	New
  one	m
  two	s

• #2653 33435cf Thanks @connor-baer! - Deprecated the BodyLarge component. Use the Body component in size l instead.

• #2653 33435cf Thanks @connor-baer! - Added an explicit foreground color to the Body component (fg-normal) to better support localized dark mode. Previously, the component inherited its color from its parent.

• #2653 33435cf Thanks @connor-baer! - Deprecated the SubHeadline component. Use the Headline component in size s instead.

• #2653 33435cf Thanks @connor-baer! - Deprecated the Body component's variant prop. Use the new color prop instead of the alert, confirm and subtle variants. Use the new weight prop instead of the highlight variant. Use custom CSS for the quote variant.

• #2653 33435cf Thanks @connor-baer! - Added a new color prop to the Body component. Choose any foreground color.

Patch Changes

• Updated dependencies [33435cf, 55bf9ad, 55bf9ad]:
  • @sumup-oss/[email protected]

@sumup-oss/[email protected]

Major Changes

• #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'],
  };

Patch Changes

• Updated dependencies [f583d05]:
  • @sumup-oss/[email protected]