From 5975020863e288b48f1d4f8c08177209d1ccd91b Mon Sep 17 00:00:00 2001
From: Kevin Rodrigues <kevin.rodrigues@just-eat.com>
Date: Wed, 19 Oct 2022 14:52:53 +0100
Subject: [PATCH] #trivial - Update browser support page. (#2171)

---
 CHANGELOG.md                                  |  8 +++++++
 package.json                                  |  4 ++--
 stories/standards/browser-support.stories.mdx | 24 ++++++++-----------
 3 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a30c7524bb..e62e92f50d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,14 @@
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+v7.37.0
+------------------------------
+*October 19, 2022*
+
+### Changed
+- Updated Browser Support page by removing Internet Explorer 11 and versions.
+
+
 v7.36.0
 ------------------------------
 *October 13, 2022*
diff --git a/package.json b/package.json
index ab1de4a233..6845b4f141 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "root",
-  "version": "7.36.0",
+  "version": "7.37.0",
   "private": true,
   "scripts": {
     "build": "turbo run build --continue",
@@ -147,7 +147,7 @@
       "packages/tools/*"
     ],
 
-    "nohoist": ["**/@justeat/fozzie/**"] 
+    "nohoist": ["**/@justeat/fozzie/**"]
   },
   "dependencies": {
     "deepmerge": "4.2.2"
diff --git a/stories/standards/browser-support.stories.mdx b/stories/standards/browser-support.stories.mdx
index 6e4f85e18c..c1d8b21dd7 100644
--- a/stories/standards/browser-support.stories.mdx
+++ b/stories/standards/browser-support.stories.mdx
@@ -32,7 +32,7 @@ A good example of this would be users browsing using Opera. The reason we don't
 
 ## Browser Matrices
 
-**Last updated 20/12/2019**
+**Last updated 19/10/2022**
 
 ---
 
@@ -49,27 +49,23 @@ A good example of this would be users browsing using Opera. The reason we don't
     </thead>
     <tbody aria-live="polite" aria-relevant="all">
         <tr role="row">
-            <td>Chrome, last 3 versions (MacOS & Windows) – currently v85+</td>
+            <td>Chrome, last 3 versions (MacOS & Windows)</td>
             <td class="c-matrix-gradeA">A</td>
         </tr>
         <tr role="row">
-            <td>Edge, last 3 versions (Windows) – currently v85+</td>
+            <td>Edge, last 3 versions (Windows)</td>
             <td class="c-matrix-gradeA">A</td>
         </tr>
         <tr role="row">
-            <td>Firefox, last 3 versions (Windows) – currently 82+</td>
+            <td>Firefox, last 3 versions (MacOS & Windows)</td>
             <td class="c-matrix-gradeA">A</td>
         </tr>
         <tr role="row">
-            <td>Safari (MacOS) latest – currently v14</td>
+            <td>Safari (MacOS) latest</td>
             <td class="c-matrix-gradeA">A</td>
         </tr>
         <tr role="row">
-            <td>Internet Explorer 11</td>
-            <td class="c-matrix-gradeB">B</td>
-        </tr>
-        <tr role="row">
-            <td>Safari (MacOS), last 3 versions – currently v12+</td>
+            <td>Safari (MacOS), last 3 versions</td>
             <td class="c-matrix-gradeB">B</td>
         </tr>
         <tr role="row">
@@ -92,19 +88,19 @@ A good example of this would be users browsing using Opera. The reason we don't
     </thead>
     <tbody aria-live="polite" aria-relevant="all">
         <tr role="row">
-            <td>Safari (iPhone), last 3 versions – currently v12+</td>
+            <td>Safari (iPhone), last 3 versions</td>
             <td class="c-matrix-gradeA">A</td>
         </tr>
         <tr role="row">
-            <td>Safari (iPad), last 3 versions – currently v12+</td>
+            <td>Safari (iPad), last 3 versions</td>
             <td class="c-matrix-gradeA">A</td>
         </tr>
         <tr role="row">
-            <td>Samsung Internet, last 3 versions – currently v11+</td>
+            <td>Samsung Internet, last 3 versions</td>
             <td class="c-matrix-gradeA">A</td>
         </tr>
         <tr role="row">
-            <td>Chrome (Mobile), last 3 versions – currently v85+</td>
+            <td>Chrome (Mobile), last 3 versions</td>
             <td class="c-matrix-gradeA">A</td>
         </tr>
         <tr role="row">