diff --git a/.changeset/pre.json b/.changeset/pre.json index ac34350434..5eaaca1932 100644 --- a/.changeset/pre.json +++ b/.changeset/pre.json @@ -13,13 +13,28 @@ "@sumup-oss/stylelint-plugin-circuit-ui": "2.0.0" }, "changesets": [ + "brown-cobras-invite", "chilly-dodos-end", + "clever-pugs-sing", + "dry-cheetahs-tap", + "five-elephants-travel", "flat-steaks-itch", + "fluffy-lobsters-sin", + "friendly-falcons-turn", "great-kiwis-compare", + "grumpy-coins-sip", + "hot-toys-compare", + "itchy-geckos-protect", "old-sloths-speak", + "plenty-chicken-deny", + "pretty-tigers-run", + "rich-phones-attend", "seven-bees-train", + "shiny-dragons-sip", "slimy-pots-lie", + "soft-drinks-accept", "tall-sheep-provide", + "tiny-suits-smile", "wise-emus-count" ] } diff --git a/packages/circuit-ui/CHANGELOG.md b/packages/circuit-ui/CHANGELOG.md index 1bf7c94513..13be832abb 100644 --- a/packages/circuit-ui/CHANGELOG.md +++ b/packages/circuit-ui/CHANGELOG.md @@ -1,5 +1,52 @@ # @sumup-oss/circuit-ui +## 9.0.0-next.1 + +### Major Changes + +- [#2653](https://github.com/sumup-oss/circuit-ui/pull/2653) [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60) Thanks [@connor-baer](https://github.com/connor-baer)! - Renamed the Title component to Display for consistency with other platforms. + +### Minor Changes + +- [#2653](https://github.com/sumup-oss/circuit-ui/pull/2653) [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60) Thanks [@connor-baer](https://github.com/connor-baer)! - Added a new `weight` prop to the Body component. Choose between the `regular` and `bold` font weights. + +- [#2653](https://github.com/sumup-oss/circuit-ui/pull/2653) [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60) Thanks [@connor-baer](https://github.com/connor-baer)! - Added a new Compact component for text in space-constraint contexts. + +- [#2653](https://github.com/sumup-oss/circuit-ui/pull/2653) [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60) Thanks [@connor-baer](https://github.com/connor-baer)! - Added a new Numeral component for numeric content such as currency values. + +- [#2653](https://github.com/sumup-oss/circuit-ui/pull/2653) [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60) Thanks [@connor-baer](https://github.com/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](https://github.com/sumup-oss/circuit-ui/pull/2653) [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60) Thanks [@connor-baer](https://github.com/connor-baer)! - Deprecated the BodyLarge component. Use the Body component in size `l` instead. + +- [#2653](https://github.com/sumup-oss/circuit-ui/pull/2653) [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60) Thanks [@connor-baer](https://github.com/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](https://github.com/sumup-oss/circuit-ui/pull/2653) [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60) Thanks [@connor-baer](https://github.com/connor-baer)! - Deprecated the SubHeadline component. Use the Headline component in size `s` instead. + +- [#2653](https://github.com/sumup-oss/circuit-ui/pull/2653) [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60) Thanks [@connor-baer](https://github.com/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](https://github.com/sumup-oss/circuit-ui/pull/2653) [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60) Thanks [@connor-baer](https://github.com/connor-baer)! - Added a new `color` prop to the Body component. Choose any foreground color. + +### Patch Changes + +- Updated dependencies [[`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60), [`55bf9ad`](https://github.com/sumup-oss/circuit-ui/commit/55bf9ad7569f1e1a4c739f4eac8df58ba9987ca2), [`55bf9ad`](https://github.com/sumup-oss/circuit-ui/commit/55bf9ad7569f1e1a4c739f4eac8df58ba9987ca2)]: + - @sumup-oss/design-tokens@8.0.0-next.1 + ## 9.0.0-next.0 ### Major Changes diff --git a/packages/circuit-ui/package.json b/packages/circuit-ui/package.json index 825f2a366c..bd67d41d29 100644 --- a/packages/circuit-ui/package.json +++ b/packages/circuit-ui/package.json @@ -1,6 +1,6 @@ { "name": "@sumup-oss/circuit-ui", - "version": "9.0.0-next.0", + "version": "9.0.0-next.1", "description": "SumUp's React UI component library", "type": "module", "main": "./dist/index.js", @@ -63,7 +63,7 @@ "@emotion/jest": "^11.13.0", "@emotion/react": "^11.13.0", "@emotion/styled": "^11.13.0", - "@sumup-oss/design-tokens": "^8.0.0-next.0", + "@sumup-oss/design-tokens": "^8.0.0-next.1", "@sumup-oss/icons": "^5.0.0-next.0", "@sumup-oss/intl": "^2.0.0", "@testing-library/dom": "^10.4.0", @@ -91,7 +91,7 @@ "@emotion/is-prop-valid": "^1.2.1", "@emotion/react": "^11.11.0", "@emotion/styled": "^11.11.0", - "@sumup-oss/design-tokens": ">=8.0.0-next.0", + "@sumup-oss/design-tokens": ">=8.0.0-next.1", "@sumup-oss/icons": ">=5.0.0-next.0", "@sumup-oss/intl": "2.x", "react": ">=18.0.0 <19.0.0", diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md index 308f6a2fc7..c5fdeb27c7 100644 --- a/packages/design-tokens/CHANGELOG.md +++ b/packages/design-tokens/CHANGELOG.md @@ -1,5 +1,44 @@ # @sumup-oss/design-tokens +## 8.0.0-next.1 + +### Major Changes + +- [#2654](https://github.com/sumup-oss/circuit-ui/pull/2654) [`55bf9ad`](https://github.com/sumup-oss/circuit-ui/commit/55bf9ad7569f1e1a4c739f4eac8df58ba9987ca2) Thanks [@connor-baer](https://github.com/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](https://github.com/sumup-oss/circuit-ui/pull/2654) [`55bf9ad`](https://github.com/sumup-oss/circuit-ui/commit/55bf9ad7569f1e1a4c739f4eac8df58ba9987ca2) Thanks [@connor-baer](https://github.com/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](https://github.com/sumup-oss/circuit-ui/tree/main/packages/design-tokens#fonts). + +### Minor Changes + +- [#2653](https://github.com/sumup-oss/circuit-ui/pull/2653) [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60) Thanks [@connor-baer](https://github.com/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` | + ## 8.0.0-next.0 ### Major Changes diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json index e0a9228e9c..d208693f15 100644 --- a/packages/design-tokens/package.json +++ b/packages/design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@sumup-oss/design-tokens", - "version": "8.0.0-next.0", + "version": "8.0.0-next.1", "description": "Visual primitives such as typography, color, and spacing that are shared across platforms.", "main": "dist/cjs/index.js", "module": "dist/es/index.js", diff --git a/packages/eslint-plugin-circuit-ui/CHANGELOG.md b/packages/eslint-plugin-circuit-ui/CHANGELOG.md index 04b9eb4ae4..267bbb8774 100644 --- a/packages/eslint-plugin-circuit-ui/CHANGELOG.md +++ b/packages/eslint-plugin-circuit-ui/CHANGELOG.md @@ -1,5 +1,21 @@ # @sumup-oss/eslint-plugin-circuit-ui +## 5.0.0-next.1 + +### Major Changes + +- [#2653](https://github.com/sumup-oss/circuit-ui/pull/2653) [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60) Thanks [@connor-baer](https://github.com/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](https://github.com/sumup-oss/circuit-ui/pull/2653) [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60) Thanks [@connor-baer](https://github.com/connor-baer)! - Added `circuit-ui/no-deprecated-custom-properties` rule to flag uses of deprecated custom properties. + +### Patch Changes + +- Updated dependencies [[`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60), [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60), [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60), [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60), [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60), [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60), [`55bf9ad`](https://github.com/sumup-oss/circuit-ui/commit/55bf9ad7569f1e1a4c739f4eac8df58ba9987ca2), [`55bf9ad`](https://github.com/sumup-oss/circuit-ui/commit/55bf9ad7569f1e1a4c739f4eac8df58ba9987ca2), [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60), [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60), [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60), [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60), [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60)]: + - @sumup-oss/circuit-ui@9.0.0-next.1 + - @sumup-oss/design-tokens@8.0.0-next.1 + ## 5.0.0-next.0 ### Major Changes diff --git a/packages/eslint-plugin-circuit-ui/package.json b/packages/eslint-plugin-circuit-ui/package.json index c2f31058d4..ece80099c2 100644 --- a/packages/eslint-plugin-circuit-ui/package.json +++ b/packages/eslint-plugin-circuit-ui/package.json @@ -1,6 +1,6 @@ { "name": "@sumup-oss/eslint-plugin-circuit-ui", - "version": "5.0.0-next.0", + "version": "5.0.0-next.1", "description": "ESLint rules to lint Circuit UI.", "keywords": [ "sumup", @@ -30,13 +30,13 @@ "@typescript-eslint/utils": "^7.16.1" }, "devDependencies": { - "@sumup-oss/design-tokens": "^8.0.0-next.0", + "@sumup-oss/design-tokens": "^8.0.0-next.1", "@tsconfig/node18": "^18.2.4", "@typescript-eslint/rule-tester": "^7.16.1", "typescript": "^5.5.4" }, "peerDependencies": { - "@sumup-oss/circuit-ui": ">=9.0.0-next.0", - "@sumup-oss/design-tokens": ">=8.0.0-next.0" + "@sumup-oss/circuit-ui": ">=9.0.0-next.1", + "@sumup-oss/design-tokens": ">=8.0.0-next.1" } } diff --git a/packages/stylelint-plugin-circuit-ui/CHANGELOG.md b/packages/stylelint-plugin-circuit-ui/CHANGELOG.md index 5c73a5f15e..fd27156a37 100644 --- a/packages/stylelint-plugin-circuit-ui/CHANGELOG.md +++ b/packages/stylelint-plugin-circuit-ui/CHANGELOG.md @@ -1,5 +1,16 @@ # @sumup-oss/stylelint-plugin-circuit-ui +## 3.0.0-next.1 + +### Minor Changes + +- [#2653](https://github.com/sumup-oss/circuit-ui/pull/2653) [`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60) Thanks [@connor-baer](https://github.com/connor-baer)! - Added `circuit-ui/no-deprecated-custom-properties` rule to flag uses of deprecated custom properties. + +### Patch Changes + +- Updated dependencies [[`33435cf`](https://github.com/sumup-oss/circuit-ui/commit/33435cf4a1a393bbb28fd0bcb9d63d8a2a6a5a60), [`55bf9ad`](https://github.com/sumup-oss/circuit-ui/commit/55bf9ad7569f1e1a4c739f4eac8df58ba9987ca2), [`55bf9ad`](https://github.com/sumup-oss/circuit-ui/commit/55bf9ad7569f1e1a4c739f4eac8df58ba9987ca2)]: + - @sumup-oss/design-tokens@8.0.0-next.1 + ## 3.0.0-next.0 ### Major Changes diff --git a/packages/stylelint-plugin-circuit-ui/package.json b/packages/stylelint-plugin-circuit-ui/package.json index a3bedc8f28..f7844b2a37 100644 --- a/packages/stylelint-plugin-circuit-ui/package.json +++ b/packages/stylelint-plugin-circuit-ui/package.json @@ -1,6 +1,6 @@ { "name": "@sumup-oss/stylelint-plugin-circuit-ui", - "version": "3.0.0-next.0", + "version": "3.0.0-next.1", "description": "Stylelint rules to lint Circuit UI.", "exports": "./dist/index.js", "type": "module", @@ -29,13 +29,13 @@ "test": "vitest" }, "devDependencies": { - "@sumup-oss/design-tokens": "^8.0.0-next.0", + "@sumup-oss/design-tokens": "^8.0.0-next.1", "@tsconfig/node18": "^18.2.4", "jest-preset-stylelint": "^7.1.0", "typescript": "^5.5.4" }, "peerDependencies": { - "@sumup-oss/design-tokens": ">=8.0.0-next.0", + "@sumup-oss/design-tokens": ">=8.0.0-next.1", "stylelint": "^16.7.0" } }