update browser support policy (#3749)

* update browser support policy

* remove feature checks

* add changeset

Author: sirineJ

.browserslistrc

@@ -1,11 +1,11 @@
 # The browsers that are explicitly supported
-chrome >= 73
-firefox >= 67
-safari >= 12.1
-ios_saf >= 12.2
-edge >= 79
-opera >= 60
-samsung >= 11.1
+chrome >= 85
+firefox >= 79
+safari >= 14
+ios_saf >= 14
+edge >= 85
+opera >= 71
+samsung >= 14
 
 # The features that the script checks for
 supports css-grid and supports object-entries and supports es6-module-dynamic-import and not dead and not unreleased versions

.changeset/wide-ways-sort.md

@@ -0,0 +1,18 @@
+---
+"@sumup-oss/design-tokens": major
+"@sumup-oss/circuit-ui": major
+"@sumup-oss/cna-template": major
+"@sumup-oss/icons": major
+---
+
+Updated the browser support policy.
+
+| Browser           | Previous | New |
+| ----------------  |----------|-----|
+| Chrome            | 73+      | 85+ |
+| Firefox           | 67+      | 79+ |
+| Edge              | 79+      | 85+ |
+| Safari iOS        | 12.2+    | 14+ |
+| Safari macOS      | 12.1+    | 14+ |
+| Opera             | 60+      | 71+ |
+| Samsung Internet  | 11.1+    | 14+ |

docs/introduction/4-browser-support.mdx

@@ -11,17 +11,17 @@ import { Meta, Intro } from '../../.storybook/components';
 
 ## Browser support policy
 
-Circuit UI supports all browsers that support [dynamic module imports](https://caniuse.com/es6-module-dynamic-import) and [`Object.fromEntries`](https://caniuse.com/mdn-javascript_builtins_object_fromentries):
+Circuit UI supports all browsers that support [`Promise.any()`](https://caniuse.com/wf-promise-any), logical assignment operators such as [Nullish coalescing](https://caniuse.com/wf-nullish-coalescing) and [`String.prototype.replaceAll()`](https://caniuse.com/wf-string-replaceall).
 
 | Browser          | Version |
 | ---------------- | ------- |
-| Chrome           | 73+     |
-| Firefox          | 67+     |
-| Edge             | 79+     |
-| Safari iOS       | 12.2+   |
-| Safari macOS     | 12.1+   |
-| Opera            | 60+     |
-| Samsung Internet | 11.1+   |
+| Chrome           | 85+     |
+| Firefox          | 79+     |
+| Edge             | 85+     |
+| Safari iOS       | 14+   |
+| Safari macOS     | 14+   |
+| Opera            | 71+     |
+| Samsung Internet | 14+   |
 
 Circuit UI does not need to be transpiled when bundling your application (unless you need to support legacy browsers: see below).
 

packages/circuit-ui/tsconfig.json

@@ -18,7 +18,7 @@
     "resolveJsonModule": true,
     "strict": true,
     "skipLibCheck": true,
-    "target": "es2019",
+    "target": "es2021",
     "types": ["node"],
     "plugins": [{ "name": "typescript-plugin-css-modules" }]
   },

packages/design-tokens/tsconfig.json

@@ -9,7 +9,7 @@
     "resolveJsonModule": true,
     "strict": true,
     "skipLibCheck": true,
-    "target": "es2019",
+    "target": "es2021",
     "types": ["node"],
     "ignoreDeprecations": "6.0"
   },

packages/icons/.browserslistrc

@@ -1,11 +1,8 @@
 # The browsers that are explicitly supported
-chrome >= 73
-firefox >= 67
-safari >= 12.1
-ios_saf >= 12.2
-edge >= 79
-opera >= 60
-samsung >= 11.1
-
-# The features that the script checks for
-supports css-grid and supports object-entries and supports es6-module-dynamic-import
+chrome >= 85
+firefox >= 79
+safari >= 14
+ios_saf >= 14
+edge >= 85
+opera >= 71
+samsung >= 14

templates/nextjs/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es2019",
+    "target": "es2021",
     "module": "commonjs",
     "declaration": true,
     "strict": true,

tsconfig.json

@@ -16,7 +16,7 @@
     "resolveJsonModule": true,
     "skipLibCheck": true,
     "strict": true,
-    "target": "es2019"
+    "target": "es2021"
   },
   "include": ["**/*", ".storybook/**/*"],
   "exclude": ["node_modules", "public/**/*", "**/dist/**/*"],