From 08d1833b3983515eb666d0b33b181cf777565659 Mon Sep 17 00:00:00 2001
From: Mehak Nasir <mehaknasir94@gmail.com>
Date: Thu, 20 Oct 2022 01:42:42 +0500
Subject: [PATCH] chore: upgraded paragon to match figma design

---
 package-lock.json                                  | 14 +++++++-------
 package.json                                       |  2 +-
 .../discussions-home/BlackoutInformationBanner.jsx |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 048b7cc3..6381d237 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "@edx/frontend-component-footer": "11.2.0",
         "@edx/frontend-component-header": "3.2.0",
         "@edx/frontend-platform": "2.6.1",
-        "@edx/paragon": "20.12.1",
+        "@edx/paragon": "20.15.0",
         "@reduxjs/toolkit": "1.8.0",
         "@tinymce/tinymce-react": "3.13.1",
         "babel-polyfill": "6.26.0",
@@ -3514,9 +3514,9 @@
       }
     },
     "node_modules/@edx/paragon": {
-      "version": "20.12.1",
-      "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-20.12.1.tgz",
-      "integrity": "sha512-U/kcxgFDSsy6y+hWSwglRMtLaXSwLbqoZoBg9LYZQPbPGMfEQoqQHewZYJOEwxL5GBgzyid/RjWCMr2PYqdOiA==",
+      "version": "20.15.0",
+      "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-20.15.0.tgz",
+      "integrity": "sha512-Sq5/je3Ub3UpXrrneaCShz+kB6wuMNmeF1Y/XfVt6X2i+ZCQGlQrBa3KtcwGwDOHIQ65eC6dqJpL9LISHg+xtg==",
       "dependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.1.1",
         "@fortawesome/react-fontawesome": "^0.1.18",
@@ -30114,9 +30114,9 @@
       }
     },
     "@edx/paragon": {
-      "version": "20.12.1",
-      "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-20.12.1.tgz",
-      "integrity": "sha512-U/kcxgFDSsy6y+hWSwglRMtLaXSwLbqoZoBg9LYZQPbPGMfEQoqQHewZYJOEwxL5GBgzyid/RjWCMr2PYqdOiA==",
+      "version": "20.15.0",
+      "resolved": "https://registry.npmjs.org/@edx/paragon/-/paragon-20.15.0.tgz",
+      "integrity": "sha512-Sq5/je3Ub3UpXrrneaCShz+kB6wuMNmeF1Y/XfVt6X2i+ZCQGlQrBa3KtcwGwDOHIQ65eC6dqJpL9LISHg+xtg==",
       "requires": {
         "@fortawesome/fontawesome-svg-core": "^6.1.1",
         "@fortawesome/react-fontawesome": "^0.1.18",
diff --git a/package.json b/package.json
index 5ddc4147..b55da61d 100644
--- a/package.json
+++ b/package.json
@@ -37,7 +37,7 @@
     "@edx/frontend-component-footer": "11.2.0",
     "@edx/frontend-component-header": "3.2.0",
     "@edx/frontend-platform": "2.6.1",
-    "@edx/paragon": "20.12.1",
+    "@edx/paragon": "20.15.0",
     "@reduxjs/toolkit": "1.8.0",
     "@tinymce/tinymce-react": "3.13.1",
     "babel-polyfill": "6.26.0",
diff --git a/src/discussions/discussions-home/BlackoutInformationBanner.jsx b/src/discussions/discussions-home/BlackoutInformationBanner.jsx
index 14f0d9e3..bd8aea78 100644
--- a/src/discussions/discussions-home/BlackoutInformationBanner.jsx
+++ b/src/discussions/discussions-home/BlackoutInformationBanner.jsx
@@ -17,7 +17,7 @@ function BlackoutInformationBanner({
 
   return (
     <PageBanner
-      variant="warning"
+      variant="accentB"
       show={isDiscussionsBlackout && showBanner}
       dismissible
       onDismiss={() => setShowBanner(false)}