From 35ce0033e2eb9305a44796e603da84439f851936 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robin=20M=C3=A9tral?= <robin.metral@sumup.com>
Date: Thu, 3 Jun 2021 20:59:25 +0200
Subject: [PATCH] Add a new peta borderRadius size to @sumup/design-tokens
 (#962)

* Add a new peta borderRadius size of 12px to the design tokens

* Update snapshots
---
 .changeset/smart-boats-camp.md                             | 7 +++++++
 .../design-tokens/tests/__snapshots__/index.spec.ts.snap   | 1 +
 packages/design-tokens/themes/shared.ts                    | 1 +
 packages/design-tokens/types/index.ts                      | 1 +
 4 files changed, 10 insertions(+)
 create mode 100644 .changeset/smart-boats-camp.md

diff --git a/.changeset/smart-boats-camp.md b/.changeset/smart-boats-camp.md
new file mode 100644
index 0000000000..9ad716ac2a
--- /dev/null
+++ b/.changeset/smart-boats-camp.md
@@ -0,0 +1,7 @@
+---
+'@sumup/design-tokens': minor
+---
+
+Add a new peta borderRadius size of 12px to `@sumup/design-tokens`.
+
+This size will be used in components including the `Avatar` and the `ImageInput` starting from circuit-ui@v3.
diff --git a/packages/design-tokens/tests/__snapshots__/index.spec.ts.snap b/packages/design-tokens/tests/__snapshots__/index.spec.ts.snap
index 48adab21c5..7b1d44acc5 100644
--- a/packages/design-tokens/tests/__snapshots__/index.spec.ts.snap
+++ b/packages/design-tokens/tests/__snapshots__/index.spec.ts.snap
@@ -7,6 +7,7 @@ Object {
     "giga": "6px",
     "kilo": "1px",
     "mega": "4px",
+    "peta": "12px",
     "pill": "999999px",
     "tera": "8px",
   },
diff --git a/packages/design-tokens/themes/shared.ts b/packages/design-tokens/themes/shared.ts
index 75b282e2de..b065be1a8d 100644
--- a/packages/design-tokens/themes/shared.ts
+++ b/packages/design-tokens/themes/shared.ts
@@ -51,6 +51,7 @@ export const borderRadius: BorderRadius = {
   mega: '4px',
   giga: '6px',
   tera: '8px',
+  peta: '12px',
   circle: '100%',
   pill: '999999px', // HACK: By providing a very large absolute size, the browser picks the maximum size in one dimension.
 };
diff --git a/packages/design-tokens/types/index.ts b/packages/design-tokens/types/index.ts
index f22fc950a7..f45adb1e3d 100644
--- a/packages/design-tokens/types/index.ts
+++ b/packages/design-tokens/types/index.ts
@@ -108,6 +108,7 @@ export type BorderRadius = {
   mega: string;
   giga: string;
   tera: string;
+  peta: string;
   circle: string;
   pill: string;
 };