Version Packages

sumup-oss · Jun 16, 2021 · af94415 · af94415
1 parent 50cfec4
commit af94415
Show file tree

Hide file tree

Showing 19 changed files with 116 additions and 137 deletions.
diff --git a/.changeset/clean-tomatoes-repeat.md b/.changeset/clean-tomatoes-repeat.md
diff --git a/.changeset/dirty-bottles-reflect.md b/.changeset/dirty-bottles-reflect.md
diff --git a/.changeset/eleven-parrots-hope.md b/.changeset/eleven-parrots-hope.md
diff --git a/.changeset/flat-crabs-hear.md b/.changeset/flat-crabs-hear.md
diff --git a/.changeset/funny-scissors-know.md b/.changeset/funny-scissors-know.md
diff --git a/.changeset/giant-doors-remember.md b/.changeset/giant-doors-remember.md
diff --git a/.changeset/gold-roses-push.md b/.changeset/gold-roses-push.md
diff --git a/.changeset/healthy-stingrays-count.md b/.changeset/healthy-stingrays-count.md
diff --git a/.changeset/heavy-queens-bathe.md b/.changeset/heavy-queens-bathe.md
diff --git a/.changeset/polite-mugs-visit.md b/.changeset/polite-mugs-visit.md
diff --git a/.changeset/real-nails-grow.md b/.changeset/real-nails-grow.md
diff --git a/.changeset/silent-nails-hide.md b/.changeset/silent-nails-hide.md
diff --git a/.changeset/six-berries-admire.md b/.changeset/six-berries-admire.md
diff --git a/packages/circuit-ui/CHANGELOG.md b/packages/circuit-ui/CHANGELOG.md
@@ -1,5 +1,101 @@
 # @sumup/circuit-ui
 
+## 3.0.0
+
+### Major Changes
+
+- [#960](https://github.com/sumup-oss/circuit-ui/pull/960) [`1a1a3646`](https://github.com/sumup-oss/circuit-ui/commit/1a1a36466e096c20b0dd19dc468359d65341e0fe) Thanks [@robinmetral](https://github.com/robinmetral)! - The `TableHeader`, `TableRow` and `TableCell` components are no longer exported from Circuit. They are only used internally by the `Table` component and should not be used directly.
+
+* [#979](https://github.com/sumup-oss/circuit-ui/pull/979) [`3cfefac0`](https://github.com/sumup-oss/circuit-ui/commit/3cfefac08339d8b45291b892b74a182226336b9b) Thanks [@robinmetral](https://github.com/robinmetral)! - Renamed the NotificationBanner component to NotificationCard. This frees up the NotificationBanner namespace for a new component that we will introduce in `v3.x` (🤖 _component-names-v3_).
+
+- [#960](https://github.com/sumup-oss/circuit-ui/pull/960) [`1a1a3646`](https://github.com/sumup-oss/circuit-ui/commit/1a1a36466e096c20b0dd19dc468359d65341e0fe) Thanks [@robinmetral](https://github.com/robinmetral)! - A `sortLabel` for sortable Table columns (previously optional) is now required.
+
+  For sortable Table columns (when headers have the `sortable` prop set), the `sortLabel` prop is now required. This label is fundamental for accessibility. If it is omitted, the column will not be sortable, even if the `sortable` prop is set.
+
+  Here's an example sortable column header:
+
+  ```ts
+  import { TableCell, TableSortDirection } from '@sumup/circuit-ui';
+
+  const headers: TableCell[] = [
+    {
+      children: 'Date',
+      sortable: true,
+      sortLabel: ({ direction }: { direction?: TableSortDirection }) => {
+        const order = direction === 'ascending' ? 'descending' : 'ascending';
+        return `Sort in ${order} order`;
+      },
+    },
+  ];
+  ```
+
+* [#960](https://github.com/sumup-oss/circuit-ui/pull/960) [`1a1a3646`](https://github.com/sumup-oss/circuit-ui/commit/1a1a36466e096c20b0dd19dc468359d65341e0fe) Thanks [@robinmetral](https://github.com/robinmetral)! - For sortable `Table` columns (when headers have the `sortable` prop), the previously optional `sortLabel` prop is now enforced. This is an accessibility requirement. If a `sortLabel` is not provided, the column will not be sortable.
+
+- [#884](https://github.com/sumup-oss/circuit-ui/pull/884) [`eb9e0b47`](https://github.com/sumup-oss/circuit-ui/commit/eb9e0b474e675f13c9876e22857a170665e9a92f) Thanks [@amelako](https://github.com/amelako)! - The new semantic typography components make it clear when each should be used, are flexible enough to cover all use cases. To represent more semantic variations some of the sizes have been removed and new size names added.
+
+  #### Headline
+
+  Renamed the `Heading` component to `Headline` and mapped the styles to the new ones. These changes can be codemodded (🤖 _component-names-v3_).
+  The size prop has been changed to accept the new size numbers. For `Headline` component **_exa_** and **_peta_** has been changed to **_one_** with new values, **_tera_** has been changed to **_two_**, **_giga_** to **_three_**, **_mega_** and **_kilo_** to **_four_** (🤖 _typography-sizes_)
+
+  Usage example:
+
+  ```diff
+  -  <Heading size="kilo" />
+  +  <Headline size="four" />
+  ```
+
+  #### SubHeadline
+
+  Renamed the `SubHeading` component to `SubHeadline` and mapped the styles to the new ones (🤖 _component-names-v3_). The `SubHeadline` component now uses only one size value (🤖 _typography-sizes_).
+
+  #### Body
+
+  The `Text` component has been renamed to `Body` (🤖 _component-names-v3_). The size prop is adapted to accept the new size numbers and **_giga_** size has been removed, **_mega_** and **_kilo_** sizes have been changed to **_one_** and **_two_** respectively.
+
+  Usage example:
+
+  ```diff
+  -  <Text size="mega" />
+  +  <Body size="one" />
+  ```
+
+  The `Text` component's bold prop has been removed. Use the `Body` component `(variant="highlight")` instead (🤖 _body-variant-highlight_).
+
+  Usage example:
+
+  `<Body variant="highlight">bold</Body>`
+
+  The `Text` component's italic and strike props has been removed. Use the custom styles instead.
+
+  Additionally, the new `success`, `error` and `subtle` variants are added.
+
+  The `Blockquote` component has been removed and replaced by the `Body` component with `variant="quote"`.
+
+  Usage example:
+
+  `<Body variant="quote">quote</Body>`
+
+* [#960](https://github.com/sumup-oss/circuit-ui/pull/960) [`1a1a3646`](https://github.com/sumup-oss/circuit-ui/commit/1a1a36466e096c20b0dd19dc468359d65341e0fe) Thanks [@robinmetral](https://github.com/robinmetral)! - Default `data-testid`s are no longer built into the `Table` component. They can still be passed manually. We also recommend [querying by role](https://testing-library.com/docs/queries/about/#priority) in tests, for them to resemble how users interact with the code. You can find examples in the component's specs.
+
+- [#960](https://github.com/sumup-oss/circuit-ui/pull/960) [`1a1a3646`](https://github.com/sumup-oss/circuit-ui/commit/1a1a36466e096c20b0dd19dc468359d65341e0fe) Thanks [@robinmetral](https://github.com/robinmetral)! - The `TableHeader`, `TableRow` and `TableCell` components are no longer exported from Circuit.
+
+  These components are only used internally by the Table component and should not be imported directly.
+
+  Relevant Table TypeScript types (`TableProps`, `TableSortDirection` `TableCell`, `TableRow`) are newly exported.
+
+* [#960](https://github.com/sumup-oss/circuit-ui/pull/960) [`1a1a3646`](https://github.com/sumup-oss/circuit-ui/commit/1a1a36466e096c20b0dd19dc468359d65341e0fe) Thanks [@robinmetral](https://github.com/robinmetral)! - Changed the signature of the Table's custom onSortBy method. The `nextDirection` argument moved to the third position (`(index, nextDirection, rows)` 👉 `(index, rows, nextDirection)`) and can now be `undefined` (instead of `null` in the previous implementation).
+
+### Patch Changes
+
+- [#980](https://github.com/sumup-oss/circuit-ui/pull/980) [`900e6bc4`](https://github.com/sumup-oss/circuit-ui/commit/900e6bc465e4f909ab000403da3d17724f2ab73e) Thanks [@robinmetral](https://github.com/robinmetral)! - Tweak components to use the new border radius values (Anchor, InlineMessage, SearchInput, Selector, Tag).
+
+* [#960](https://github.com/sumup-oss/circuit-ui/pull/960) [`1a1a3646`](https://github.com/sumup-oss/circuit-ui/commit/1a1a36466e096c20b0dd19dc468359d65341e0fe) Thanks [@robinmetral](https://github.com/robinmetral)! - Fixed a UI bug in the `Table` component where multiple words in a table header would wrap on mobile, and break row alignment.
+
+* Updated dependencies [[`900e6bc4`](https://github.com/sumup-oss/circuit-ui/commit/900e6bc465e4f909ab000403da3d17724f2ab73e), [`eb9e0b47`](https://github.com/sumup-oss/circuit-ui/commit/eb9e0b474e675f13c9876e22857a170665e9a92f), [`900e6bc4`](https://github.com/sumup-oss/circuit-ui/commit/900e6bc465e4f909ab000403da3d17724f2ab73e)]:
+  - @sumup/icons@1.7.1
+  - @sumup/design-tokens@3.0.0
+
 ## 2.6.0
 
 ### Minor Changes

diff --git a/packages/circuit-ui/package.json b/packages/circuit-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sumup/circuit-ui",
-  "version": "2.6.0",
+  "version": "3.0.0",
   "description": "SumUp's React UI component library",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
@@ -57,7 +57,7 @@
     "@emotion/styled": "^10.0.17",
     "@emotion/stylis": "^0.8.4",
     "@sumup/collector": "^1.0.0",
-    "@sumup/design-tokens": "^2.1.1",
+    "@sumup/design-tokens": "^3.0.0",
     "@sumup/icons": "^1.6.1",
     "@sumup/intl": "^1.0.0",
     "@svgr/webpack": "^5.5.0",
@@ -99,8 +99,8 @@
     "@emotion/styled": "10.x",
     "@emotion/stylis": "0.8.x",
     "@sumup/collector": "1.x",
-    "@sumup/design-tokens": ">=1.0.0 <3.0.0",
-    "@sumup/icons": "1.x",
+    "@sumup/design-tokens": ">=3.0.0",
+    "@sumup/icons": "1.7.1",
     "@sumup/intl": "1.x",
     "emotion-theming": "10.x",
     "react": ">=16.8.0 <18.0.0",

diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @sumup/design-tokens
 
+## 3.0.0
+
+### Major Changes
+
+- [#884](https://github.com/sumup-oss/circuit-ui/pull/884) [`eb9e0b47`](https://github.com/sumup-oss/circuit-ui/commit/eb9e0b474e675f13c9876e22857a170665e9a92f) Thanks [@amelako](https://github.com/amelako)! - Added `headline`, `subHeadline`, and `body` properties to the typography design tokens. These are used by the new semantic Headline, SubHeadline, and Body components in Circuit UI.
+
+* [#980](https://github.com/sumup-oss/circuit-ui/pull/980) [`900e6bc4`](https://github.com/sumup-oss/circuit-ui/commit/900e6bc465e4f909ab000403da3d17724f2ab73e) Thanks [@robinmetral](https://github.com/robinmetral)! - Updates borderRadius values. The 1px and 6px values are removed and a 16px value is added, and the sizes are renamed (🤖 _theme-border-radius_).
+
 ## 2.2.0
 
 ### Minor Changes

diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sumup/design-tokens",
-  "version": "2.2.0",
+  "version": "3.0.0",
   "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/icons/CHANGELOG.md b/packages/icons/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @sumup/icons
 
+## 1.7.1
+
+### Patch Changes
+
+- [#980](https://github.com/sumup-oss/circuit-ui/pull/980) [`900e6bc4`](https://github.com/sumup-oss/circuit-ui/commit/900e6bc465e4f909ab000403da3d17724f2ab73e) Thanks [@robinmetral](https://github.com/robinmetral)! - Fixes the Plus icon to use the currentColor instead of black.
+
 ## 1.7.0
 
 ### Minor Changes

diff --git a/packages/icons/package.json b/packages/icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sumup/icons",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "A collection of icons by SumUp",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",