Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to next, this PR will be updated.
Releases
@sumup/circuit-ui@7.0.0
Major Changes
#2124
22b03d04
Thanks @connor-baer! - Added support for validations to the SelectorGroup component. Use thevalidationHint
andinvalid
props to communicate validation requirements to users.#2125
82878190
Thanks @connor-baer! - Moved the Grid, Row, Col, and InlineElements components to the "legacy" status. Update your imports:#1992
0b7fb453
Thanks @connor-baer! - Raised the minimum version of thereact
andreact-dom
peer dependencies to >=18.#2124
22b03d04
Thanks @connor-baer! - Removed the deprecatedchildren
prop from the Selector component. Use thelabel
anddescription
props instead.#2124
22b03d04
Thanks @connor-baer! - Removed the public export of the Selector component. Use the SelectorGroup component instead.#2094
da1a11b0
Thanks @connor-baer! - Moved the SingleDayPicker, RangePicker, CalendarTag, and CalendarTagTwoStep components to the "legacy" status.Install the optional peer dependencies...
...and update your imports:
#2061
bc882426
Thanks @connor-baer! - Raised the minimum Node.js version to 16+. This is the first maintained version with support for ES modules.#1972
0f29f87b
Thanks @connor-baer! - Removed@sumup/collector
from the peer dependencies and removed the relatedtracking
andtrackingLabel
props (deprecated since v6.4).#2061
bc882426
Thanks @connor-baer! - This package is now pure ESM. Please read this.#2067
4f78573e
Thanks @connor-baer! - Changed the signature of the ImageInput'scomponent
prop. Thecomponent
should now acceptaria-hidden
instead ofalt
.#2063
fef5b955
Thanks @connor-baer! - Removed the deprecatedchildren
prop from the Checkbox component. Use thelabel
prop instead.#2163
6ff0b7da
Thanks @connor-baer! - Migrated all stable components from Emotion.js to CSS Modules.The styles are bundled and exported as a single CSS file as
@sumup/circuit-ui/styles.css
. Refer to your framework's documentation on how to include the styles globally in your application.The CSS file includes the base styles, so the BaseStyles component has been removed.
If you are only importing stable components and aren't using Emotion.js in your app, you can remove all Emotion.js-related dependencies.
#2094
da1a11b0
Thanks @connor-baer! - Moved the Tooltip component to the "legacy" status. Update your imports:#2094
da1a11b0
Thanks @connor-baer! - Moved the Sidebar, SidebarContextProvider, SidebarContextConsumer, and Header components to the "legacy" status. Update your imports:#2065
8adb8fee
Thanks @connor-baer! - Removed thesharedPropTypes
export. Type the props using TypeScript instead.#2061
bc882426
Thanks @connor-baer! - Switched to the"exports"
field to configure the package entry points. Files that are not explicitly defined in"exports"
can no longer be imported.#2063
fef5b955
Thanks @connor-baer! - Removed the deprecatedconfirm
,notify
, andalert
variants from the Badge, NotificationInline, and NotificationToast components. Use thesuccess
,warning
, anddanger
variants instead.#2125
82878190
Thanks @connor-baer! - Moved theuniqueId
util to the "legacy" status. Update your imports:#2065
8adb8fee
Thanks @connor-baer! - Migrated the Carousel components to TypeScript. Added the requiredplayButtonLabel
,pauseButtonLabel
,prevButtonLabel
, andnextButtonLabel
props.#1995
1267c69c
Thanks @connor-baer! - Simplified the function signature of the style mixins that no longer require thetheme
parameter (shadow
,focusOutline
,focusVisible
, andinputOutline
).#2124
22b03d04
Thanks @connor-baer! - Removed the deprecatedexplanation
prop from the Toggle component. Use thedescription
prop instead.#2114
f53e4336
Thanks @connor-baer! - Changed the font-display of Aktiv Grotesk, Circuit UI's default font family, fromswap
tooptional
. If the font family is not available locally or cached, a fallback font is used. This reduces the cumulative layout shift (CLS) and largest contentful paint (LCP). The visual difference is minimal.#2154
eef360c4
Thanks @connor-baer! - Updated the list of supported browsers:#2124
22b03d04
Thanks @connor-baer! - Removed the public export of the RadioButton component. Use the RadioButtonGroup component instead.#2065
8adb8fee
Thanks @connor-baer! - Migrated the Calendar components to TypeScript. Some props are now required. The CalendarTagTwoStep'sclearText
andconfirmText
props have been renamed toclearButtonLabel
andconfirmButtonLabel
respectively.Minor Changes
#2163
6ff0b7da
Thanks @connor-baer! - Improved the accessibility of the SearchInput component. The input now has thesearch
type and focus is returned to the input after clearing the value.#2065
8adb8fee
Thanks @connor-baer! - Migrated the Tabs components to TypeScript.#1992
0b7fb453
Thanks @connor-baer! - Deprecated theuniqueId
util. Use the officialuseId
hook instead.#2195
6f992ae6
Thanks @connor-baer! - Added a helpful error message when the Title, Headline or SubHeadline components are missing theas
prop.#1615
51cd70d3
Thanks @connor-baer! - Automatically set thesize
prop on the Button'sicon
prop based on the Button'ssize
prop.#2065
8adb8fee
Thanks @connor-baer! - Migrated the Sidebar component to TypeScript.Patch Changes
#2185
cf5e82fc
Thanks @connor-baer! - Fixed tree-shaking by retaining the original file structure in the build output.#2199
451dbdc3
Thanks @connor-baer! - Fixed the invalid styles for the Input and Select components.#2196
d3e35bea
Thanks @connor-baer! - Added types for subpath exports.#2192
35f42ecf
Thanks @connor-baer! - Externalized subpath imports of node modules.#2079
36351df2
Thanks @connor-baer! - Added file extensions to imports fromreact-dates
.#2084
9677a305
Thanks @connor-baer! - Addedtypes
field to thepackage.json
file to fix the type resolution.#1615
51cd70d3
Thanks @connor-baer! - Properly hide icons inside a Button.#2184
4b7dd4d6
Thanks @connor-baer! - Changed thejsxImportSource
from@emotion/react
toreact
.#2198
21594d28
Thanks @connor-baer! - Added back the default heading element to the Title, Headline and SubHeadline components in production mode.Updated dependencies [
6ff0b7da
,415c73dd
,66b18d61
,bc882426
,b51431fc
,bc882426
,415c73dd
,9677a305
,bc882426
,51cd70d3
]:@sumup/eslint-plugin-circuit-ui@3.0.0
Major Changes
e1db8492
Thanks @connor-baer! - Addedcircuit-ui/component-lifecycle-imports
rule to update component imports when they move to a different lifecycle stage.Minor Changes
#2194
b423525f
Thanks @connor-baer! - Added the style mixins to thecomponent-lifecycle-imports
rule.#2158
415c73dd
Thanks @connor-baer! - Addedcircuit-ui/prefer-custom-properties
rule to replace the Emotion.js theme with CSS custom properties.Patch Changes
cf5e82fc
,22b03d04
,82878190
,0b7fb453
,22b03d04
,451dbdc3
,22b03d04
,415c73dd
,da1a11b0
,bc882426
,b51431fc
,0f29f87b
,bc882426
,d3e35bea
,4f78573e
,35f42ecf
,fef5b955
,6ff0b7da
,da1a11b0
,6ff0b7da
,415c73dd
,36351df2
,8adb8fee
,0b7fb453
,da1a11b0
,9677a305
,8adb8fee
,bc882426
,6f992ae6
,51cd70d3
,fef5b955
,82878190
,8adb8fee
,1267c69c
,51cd70d3
,22b03d04
,8adb8fee
,f53e4336
,eef360c4
,4b7dd4d6
,22b03d04
,8adb8fee
,21594d28
]:@sumup/icons@3.0.0
Major Changes
#2061
bc882426
Thanks @connor-baer! - Raised the minimum Node.js version to 16+. This is the first maintained version with support for ES modules.#2061
bc882426
Thanks @connor-baer! - This package is now pure ESM. Please read this.#2061
bc882426
Thanks @connor-baer! - Switched to the"exports"
field to configure the package entry points. Files that are not explicitly defined in"exports"
can no longer be imported.#1615
51cd70d3
Thanks @connor-baer! - Changed theIconProps
default size type toany
.Minor Changes
66b18d61
Thanks @connor-baer! - Log (not throw) an error when an icon is passed an unsupported size.Patch Changes
#2163
6ff0b7da
Thanks @connor-baer! - Fixed theIconsManifest
type.#2084
9677a305
Thanks @connor-baer! - Addedtypes
field to thepackage.json
file to fix the type resolution.@sumup/design-tokens@6.0.0
Minor Changes
#2158
415c73dd
Thanks @connor-baer! - Exported all CSS custom properties as@sumup/design-tokens/light.css
.#2158
415c73dd
Thanks @connor-baer! - Deprecated the Emotion.js theme in favor of CSS custom properties. Use thecircuit-ui/prefer-custom-properties
ESLint rule to automatically migrate your code.Patch Changes
#2186
b51431fc
Thanks @connor-baer! - Fixed the selector for the root CSS variables.#2084
9677a305
Thanks @connor-baer! - Addedtypes
field to thepackage.json
file to fix the type resolution.@sumup/cna-template@4.0.0
Major Changes
#2183
159ef8a8
Thanks @connor-baer! - Upgraded the Next.js template to Circuit UI v7 and replaced Emotion.js with CSS Modules.#2154
eef360c4
Thanks @connor-baer! - Updated the list of supported browsers:Minor Changes
0f29f87b
Thanks @connor-baer! - Removed@sumup/collector
from the peer dependencies and removed the relatedtracking
andtrackingLabel
props (deprecated since v6.4).@sumup/remix-template-circuit-ui@1.0.0
Major Changes
80cb4d4b
Thanks @connor-baer! - Added the first Circuit UI + Remix template.Patch Changes
cf5e82fc
,6ff0b7da
,22b03d04
,82878190
,0b7fb453
,22b03d04
,451dbdc3
,22b03d04
,415c73dd
,da1a11b0
,66b18d61
,bc882426
,b51431fc
,0f29f87b
,bc882426
,d3e35bea
,4f78573e
,35f42ecf
,fef5b955
,6ff0b7da
,da1a11b0
,6ff0b7da
,415c73dd
,36351df2
,8adb8fee
,0b7fb453
,da1a11b0
,9677a305
,8adb8fee
,bc882426
,6f992ae6
,51cd70d3
,fef5b955
,82878190
,8adb8fee
,1267c69c
,51cd70d3
,22b03d04
,8adb8fee
,f53e4336
,eef360c4
,4b7dd4d6
,22b03d04
,8adb8fee
,51cd70d3
,21594d28
]: