fix(components-core): added tabindex and focus css for accordion wrapper

UDS-1992

Author: juanmitriatti

packages/components-core/src/components/Accordion/index.js

@@ -58,7 +58,7 @@ const Accordion = ({ cards, openedCard }) => {
   };
 
   return (
-    <div className="accordion">
+    <div className="accordion" tabIndex="0">
       {cards?.map(
         (card, key) =>
           card.content.body &&

packages/unity-bootstrap-theme/src/scss/extends/_cards.scss

@@ -691,6 +691,15 @@ Cards - Table of Contents
 7. Accordion
 --------------------------------------------------------------------*/
 .accordion {
+
+  &:focus {
+    outline: none!important;
+    box-shadow: 0 0 0 1px $uds-color-base-gray-7 !important;
+    border: 1px solid $uds-color-base-gray-7 !important;
+    margin: 4px;
+    width: -webkit-fill-available;
+  }
+
   .accordion-item {
     border-bottom: 1px solid $uds-color-base-gray-3;
     border-top: 1px solid $uds-color-base-gray-3;