From f101ae534681b227b53e2af5b8249bd8a09234b4 Mon Sep 17 00:00:00 2001
From: "Ewe Seong, Yeoh" <eweseong.y@gmail.com>
Date: Thu, 30 Mar 2023 19:02:22 +0800
Subject: [PATCH 1/2] fix(accordion): update focus styling

- update inverted design to match design library
---
 lib/src/Accordion/accordion.scss | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/lib/src/Accordion/accordion.scss b/lib/src/Accordion/accordion.scss
index ca8793129..8ea44deac 100644
--- a/lib/src/Accordion/accordion.scss
+++ b/lib/src/Accordion/accordion.scss
@@ -42,9 +42,9 @@
                 &:hover {
                     text-decoration: none;
                 }
-                &:focus {
-                    border-color: rgba($blue, 0.5);
-                    box-shadow: 0 0 4px 1px rgba($blue, 0.56);
+                &:focus-visible {
+                    box-shadow: $btn-focus-box-shadow;
+                    outline: none;
                 }
             }
         }
@@ -132,11 +132,12 @@
     &.inverted {
         > .card {
             > .card-header > button.btn-link {
-                padding: 0.5rem 3rem 0.5rem 1rem;
+                padding: $spacer;
                 > h4:before {
-                    right: -2rem;
-                    left: auto;
                     top: 50%;
+                    right: 0;
+                    left: auto;
+                    filter: brightness(0.2);
                 }
             }
             &.collapsed > .card-header > button.btn-link > h4:before {

From 0e8b1206ee76b809d57125c30483d687bcaa69be Mon Sep 17 00:00:00 2001
From: "Ewe Seong, Yeoh" <eweseong.y@gmail.com>
Date: Thu, 30 Mar 2023 19:07:55 +0800
Subject: [PATCH 2/2] fix(closebutton): update focus styling

---
 lib/src/CloseButton/close-button.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/lib/src/CloseButton/close-button.scss b/lib/src/CloseButton/close-button.scss
index 055d90e9c..41d218d52 100644
--- a/lib/src/CloseButton/close-button.scss
+++ b/lib/src/CloseButton/close-button.scss
@@ -19,6 +19,12 @@ button.rc.close-btn {
         &:active {
             color: white;
         }
+        &:focus {
+            outline: none;
+        }
+        &:focus-visible {
+            box-shadow: $btn-focus-box-shadow;
+        }
     }
 
     &::after {