Version Packages #2210

connor-baer · 2023-08-08T13:45:23Z

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/[email protected]

Major Changes

#2124 22b03d04 Thanks @connor-baer! - Added support for validations to the SelectorGroup component. Use the validationHint and invalid 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:
```
-import { Grid } from '@sumup/circuit-ui';
+import { Grid } from '@sumup/circuit-ui/legacy';
```
#1992 0b7fb453 Thanks @connor-baer! - Raised the minimum version of the react and react-dom peer dependencies to >=18.
#2124 22b03d04 Thanks @connor-baer! - Removed the deprecated children prop from the Selector component. Use the label and description 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...
```
npm install react-dates@^21.8 moment@^2.29
```
...and update your imports:
```
-import { SingleDayPicker } from '@sumup/circuit-ui';
+import { SingleDayPicker } from '@sumup/circuit-ui/legacy';
```
#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 related tracking and trackingLabel props (deprecated since v6.4).
#2061 bc882426 Thanks @connor-baer! - This package is now pure ESM. Please read this.
- If you use TypeScript, you need to use TypeScript 4.7 or later (ref).
- If you use a bundler, make sure it supports ESM and that you have correctly configured it for ESM. (Next.js supports ESM packages out of the box since v12).
#2067 4f78573e Thanks @connor-baer! - Changed the signature of the ImageInput's component prop. The component should now accept aria-hidden instead of alt.
#2063 fef5b955 Thanks @connor-baer! - Removed the deprecated children prop from the Checkbox component. Use the label 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:
```
-import { Tooltip } from '@sumup/circuit-ui';
+import { Tooltip } from '@sumup/circuit-ui/legacy';
```
#2094 da1a11b0 Thanks @connor-baer! - Moved the Sidebar, SidebarContextProvider, SidebarContextConsumer, and Header components to the "legacy" status. Update your imports:
```
-import { Sidebar } from '@sumup/circuit-ui';
+import { Sidebar } from '@sumup/circuit-ui/legacy';
```
#2065 8adb8fee Thanks @connor-baer! - Removed the sharedPropTypes 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 deprecated confirm, notify, and alert variants from the Badge, NotificationInline, and NotificationToast components. Use the success, warning, and danger variants instead.

#2125 82878190 Thanks @connor-baer! - Moved the uniqueId util to the "legacy" status. Update your imports:

-import { uniqueId } from '@sumup/circuit-ui';
+import { uniqueId } from '@sumup/circuit-ui/legacy';

#2065 8adb8fee Thanks @connor-baer! - Migrated the Carousel components to TypeScript. Added the required playButtonLabel, pauseButtonLabel, prevButtonLabel, and nextButtonLabel props.
#1995 1267c69c Thanks @connor-baer! - Simplified the function signature of the style mixins that no longer require the theme parameter (shadow, focusOutline, focusVisible, and inputOutline).
#2124 22b03d04 Thanks @connor-baer! - Removed the deprecated explanation prop from the Toggle component. Use the description prop instead.
#2114 f53e4336 Thanks @connor-baer! - Changed the font-display of Aktiv Grotesk, Circuit UI's default font family, from swap to optional. 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:

Browser Previous New

Chrome 63+ 73+

Firefox 67+ 67+

Edge 79+ 79+

Safari iOS 11.0+ 12.2+

Safari macOS 11.1+ 12.1+

Opera 50+ 60+

Samsung Internet 8.2+ 11.1+
#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's clearText and confirmText props have been renamed to clearButtonLabel and confirmButtonLabel respectively.

Minor Changes

#2163 6ff0b7da Thanks @connor-baer! - Improved the accessibility of the SearchInput component. The input now has the search 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 the uniqueId util. Use the official useId hook instead.
#2195 6f992ae6 Thanks @connor-baer! - Added a helpful error message when the Title, Headline or SubHeadline components are missing the as prop.
#1615 51cd70d3 Thanks @connor-baer! - Automatically set the size prop on the Button's icon prop based on the Button's size 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 from react-dates.
#2084 9677a305 Thanks @connor-baer! - Added types field to the package.json file to fix the type resolution.
#1615 51cd70d3 Thanks @connor-baer! - Properly hide icons inside a Button.
#2184 4b7dd4d6 Thanks @connor-baer! - Changed the jsxImportSource from @emotion/react to react.
#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/[email protected]
- @sumup/[email protected]

@sumup/[email protected]

Major Changes

#2164 e1db8492 Thanks @connor-baer! - Added circuit-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 the component-lifecycle-imports rule.
#2158 415c73dd Thanks @connor-baer! - Added circuit-ui/prefer-custom-properties rule to replace the Emotion.js theme with CSS custom properties.

Patch Changes

Updated dependencies [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/[email protected]
- @sumup/[email protected]

@sumup/[email protected]

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.
- If you use TypeScript, you need to use TypeScript 4.7 or later (ref).
- If you use a bundler, make sure it supports ESM and that you have correctly configured it for ESM. (Next.js supports ESM packages out of the box since v12).
#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 the IconProps default size type to any.

Minor Changes

#2159 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 the IconsManifest type.
#2084 9677a305 Thanks @connor-baer! - Added types field to the package.json file to fix the type resolution.

@sumup/[email protected]

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 the circuit-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! - Added types field to the package.json file to fix the type resolution.

@sumup/[email protected]

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:

Browser Previous New

Chrome 63+ 73+

Firefox 67+ 67+

Edge 79+ 79+

Safari iOS 11.0+ 12.2+

Safari macOS 11.1+ 12.1+

Opera 50+ 60+

Samsung Internet 8.2+ 11.1+

Minor Changes

#1972 0f29f87b Thanks @connor-baer! - Removed @sumup/collector from the peer dependencies and removed the related tracking and trackingLabel props (deprecated since v6.4).

@sumup/[email protected]

Major Changes

#2187 80cb4d4b Thanks @connor-baer! - Added the first Circuit UI + Remix template.

Patch Changes

Updated dependencies [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]:
- @sumup/[email protected]
- @sumup/[email protected]
- @sumup/[email protected]

vercel · 2023-08-08T13:45:25Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
oss-circuit-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 8, 2023 2:18pm

codecov · 2023-08-08T13:53:52Z

Codecov Report

Merging #2210 (fc07410) into next (8c635b7) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             next    #2210   +/-   ##
=======================================
  Coverage   96.54%   96.54%           
=======================================
  Files         259      259           
  Lines       20590    20590           
  Branches     1941     1941           
=======================================
  Hits        19878    19878           
  Misses        709      709           
  Partials        3        3

connor-baer requested a review from a team as a code owner August 8, 2023 13:45

connor-baer requested review from pdrmdrs and removed request for a team August 8, 2023 13:45

github-actions bot added 🗂 remix-template 🗂 design-tokens 🗂 cna-template 🗂 circuit-ui 🗂 icons 🗂 eslint-plugin-circuit-ui labels Aug 8, 2023

vercel bot deployed to Preview August 8, 2023 13:47 View deployment

connor-baer added the ⛔ do not merge There is a blocker label Aug 8, 2023

connor-baer marked this pull request as draft August 8, 2023 13:48

Version Packages

fc07410

connor-baer force-pushed the changeset-release/next branch from 850e7f2 to fc07410 Compare August 8, 2023 14:16

vercel bot deployed to Preview August 8, 2023 14:18 View deployment

connor-baer closed this Aug 9, 2023

connor-baer deleted the changeset-release/next branch August 9, 2023 15:13

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Version Packages #2210

Version Packages #2210

connor-baer commented Aug 8, 2023

vercel bot commented Aug 8, 2023 •

edited

Loading

codecov bot commented Aug 8, 2023 •

edited

Loading

Browser	Previous	New
Chrome	63+	73+
Firefox	67+	67+
Edge	79+	79+
Safari iOS	11.0+	12.2+
Safari macOS	11.1+	12.1+
Opera	50+	60+
Samsung Internet	8.2+	11.1+

Version Packages #2210

Version Packages #2210

Conversation

connor-baer commented Aug 8, 2023

Releases

@sumup/[email protected]

Major Changes

Minor Changes

Patch Changes

@sumup/[email protected]

Major Changes

Minor Changes

Patch Changes

@sumup/[email protected]

Major Changes

Minor Changes

Patch Changes

@sumup/[email protected]

Minor Changes

Patch Changes

@sumup/[email protected]

Major Changes

Minor Changes

@sumup/[email protected]

Major Changes

Patch Changes

vercel bot commented Aug 8, 2023 • edited Loading

codecov bot commented Aug 8, 2023 • edited Loading

Codecov Report

vercel bot commented Aug 8, 2023 •

edited

Loading

codecov bot commented Aug 8, 2023 •

edited

Loading