fix: a11y map sidebar button focus style PL-19

City-of-Helsinki · Nov 28, 2024 · 12d390e · 12d390e
1 parent fc5a397
commit 12d390e
Show file tree

Hide file tree

Showing 16 changed files with 145 additions and 145 deletions.
diff --git a/src/components/ListItems/AddressItem/__tests__/__snapshots__/AddressItem.test.js.snap b/src/components/ListItems/AddressItem/__tests__/__snapshots__/AddressItem.test.js.snap
@@ -3,7 +3,7 @@
 exports[`<AddressItem /> should work 1`] = `
 <div>
   <li
-    class="MuiButtonBase-root MuiListItemButton-root css-1ls6ttt MuiListItemButton-gutters MuiListItemButton-root css-1ls6ttt MuiListItemButton-gutters null css-13g1ozv-MuiButtonBase-root-MuiListItemButton-root"
+    class="MuiButtonBase-root MuiListItemButton-root css-1ls6ttt MuiListItemButton-gutters MuiListItemButton-root css-1ls6ttt MuiListItemButton-gutters null css-367pw5-MuiButtonBase-root-MuiListItemButton-root"
     role="link"
     tabindex="0"
   >

diff --git a/src/components/ListItems/ResultItem/__tests__/__snapshots__/ResultItem.test.js.snap b/src/components/ListItems/ResultItem/__tests__/__snapshots__/ResultItem.test.js.snap
@@ -3,7 +3,7 @@
 exports[`<ResultItem /> should work 1`] = `
 <div>
   <li
-    class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-gutters css-mctqh3-MuiButtonBase-root-MuiListItemButton-root"
+    class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-gutters css-oga50u-MuiButtonBase-root-MuiListItemButton-root"
     data-sm="ResultItemComponent"
     role="link"
     tabindex="0"

diff --git a/src/components/ListItems/ServiceItem/__tests__/__snapshots__/ServiceItem.test.js.snap b/src/components/ListItems/ServiceItem/__tests__/__snapshots__/ServiceItem.test.js.snap
@@ -3,7 +3,7 @@
 exports[`<ServiceItem /> should work 1`] = `
 <div>
   <li
-    class="MuiButtonBase-root MuiListItemButton-root css-1ls6ttt MuiListItemButton-gutters MuiListItemButton-root css-1ls6ttt MuiListItemButton-gutters null css-13g1ozv-MuiButtonBase-root-MuiListItemButton-root"
+    class="MuiButtonBase-root MuiListItemButton-root css-1ls6ttt MuiListItemButton-gutters MuiListItemButton-root css-1ls6ttt MuiListItemButton-gutters null css-367pw5-MuiButtonBase-root-MuiListItemButton-root"
     role="link"
     tabindex="0"
   >

diff --git a/src/components/ListItems/SimpleListItem/__tests__/__snapshots__/SimpleListItem.test.js.snap b/src/components/ListItems/SimpleListItem/__tests__/__snapshots__/SimpleListItem.test.js.snap
@@ -3,7 +3,7 @@
 exports[`<SimpleListItem /> should work 1`] = `
 <div>
   <li
-    class="MuiButtonBase-root MuiListItemButton-root css-1ls6ttt MuiListItemButton-gutters MuiListItemButton-root css-1ls6ttt MuiListItemButton-gutters null css-13g1ozv-MuiButtonBase-root-MuiListItemButton-root"
+    class="MuiButtonBase-root MuiListItemButton-root css-1ls6ttt MuiListItemButton-gutters MuiListItemButton-root css-1ls6ttt MuiListItemButton-gutters null css-367pw5-MuiButtonBase-root-MuiListItemButton-root"
     tabindex="-1"
   >
     <div

diff --git a/src/components/ListItems/SuggestionItem/__tests__/__snapshots__/SuggestionItem.test.js.snap b/src/components/ListItems/SuggestionItem/__tests__/__snapshots__/SuggestionItem.test.js.snap
@@ -4,7 +4,7 @@ exports[`<SuggestionItem /> should work 1`] = `
 <div>
   <li
     aria-label="Title text Subtitle text"
-    class="MuiButtonBase-root MuiListItemButton-root css-zkfegi MuiListItemButton-gutters MuiListItemButton-root css-zkfegi MuiListItemButton-gutters suggestion css-13g1ozv-MuiButtonBase-root-MuiListItemButton-root"
+    class="MuiButtonBase-root MuiListItemButton-root css-zkfegi MuiListItemButton-gutters MuiListItemButton-root css-zkfegi MuiListItemButton-gutters suggestion css-367pw5-MuiButtonBase-root-MuiListItemButton-root"
     role="link"
     tabindex="0"
   >

diff --git a/src/components/ListItems/UnitItem/__tests__/__snapshots__/UnitItem.test.js.snap b/src/components/ListItems/UnitItem/__tests__/__snapshots__/UnitItem.test.js.snap
@@ -3,7 +3,7 @@
 exports[`<UnitItem /> should work 1`] = `
 <div>
   <li
-    class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-gutters css-mctqh3-MuiButtonBase-root-MuiListItemButton-root"
+    class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-gutters css-oga50u-MuiButtonBase-root-MuiListItemButton-root"
     data-sm="UnitItem"
     role="link"
     tabindex="0"

diff --git a/src/components/Lists/ResultList/__tests__/__snapshots__/ResultList.test.js.snap b/src/components/Lists/ResultList/__tests__/__snapshots__/ResultList.test.js.snap
@@ -41,7 +41,7 @@ exports[`<ResultList /> should work 1`] = `
       id="testID"
     >
       <li
-        class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-gutters css-mctqh3-MuiButtonBase-root-MuiListItemButton-root"
+        class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-gutters css-oga50u-MuiButtonBase-root-MuiListItemButton-root"
         data-sm="UnitItem"
         role="link"
         tabindex="0"
@@ -107,7 +107,7 @@ exports[`<ResultList /> should work 1`] = `
         />
       </li>
       <li
-        class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-gutters css-mctqh3-MuiButtonBase-root-MuiListItemButton-root"
+        class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-gutters css-oga50u-MuiButtonBase-root-MuiListItemButton-root"
         data-sm="UnitItem"
         role="link"
         tabindex="0"

diff --git a/src/components/PaginationComponent/__tests__/__snapshots__/PageElement.test.js.snap b/src/components/PaginationComponent/__tests__/__snapshots__/PageElement.test.js.snap
@@ -4,7 +4,7 @@ exports[`<PageElement /> should work 1`] = `
 <div>
   <li>
     <button
-      class="MuiButtonBase-root css-1walttk-MuiButtonBase-root"
+      class="MuiButtonBase-root css-9fh4tn-MuiButtonBase-root"
       role="link"
       tabindex="0"
       type="button"

diff --git a/src/components/PaginationComponent/__tests__/__snapshots__/PaginationComponent.test.js.snap b/src/components/PaginationComponent/__tests__/__snapshots__/PaginationComponent.test.js.snap
@@ -8,7 +8,7 @@ exports[`<PaginationComponent /> should work 1`] = `
   >
     <button
       aria-label="Previous page"
-      class="MuiButtonBase-root SMButton css-16f78l8-MuiButtonBase-root"
+      class="MuiButtonBase-root SMButton css-vfffhu-MuiButtonBase-root"
       color="primary"
       id="PaginationPreviousButton"
       margin="0"
@@ -32,7 +32,7 @@ exports[`<PaginationComponent /> should work 1`] = `
     </button>
     <button
       aria-label="Next page"
-      class="MuiButtonBase-root SMButton css-4cjl82-MuiButtonBase-root"
+      class="MuiButtonBase-root SMButton css-nymwz-MuiButtonBase-root"
       color="primary"
       id="PaginationNextButton"
       margin="0"
@@ -62,7 +62,7 @@ exports[`<PaginationComponent /> should work 1`] = `
       >
         <li>
           <button
-            class="MuiButtonBase-root css-1walttk-MuiButtonBase-root"
+            class="MuiButtonBase-root css-9fh4tn-MuiButtonBase-root"
             role="link"
             tabindex="0"
             type="button"
@@ -86,7 +86,7 @@ exports[`<PaginationComponent /> should work 1`] = `
         </li>
         <li>
           <button
-            class="MuiButtonBase-root Mui-disabled css-1walttk-MuiButtonBase-root"
+            class="MuiButtonBase-root Mui-disabled css-9fh4tn-MuiButtonBase-root"
             disabled=""
             role="link"
             tabindex="-1"
@@ -111,7 +111,7 @@ exports[`<PaginationComponent /> should work 1`] = `
         </li>
         <li>
           <button
-            class="MuiButtonBase-root css-1walttk-MuiButtonBase-root"
+            class="MuiButtonBase-root css-9fh4tn-MuiButtonBase-root"
             role="link"
             tabindex="0"
             type="button"
@@ -135,7 +135,7 @@ exports[`<PaginationComponent /> should work 1`] = `
         </li>
         <li>
           <button
-            class="MuiButtonBase-root css-1walttk-MuiButtonBase-root"
+            class="MuiButtonBase-root css-9fh4tn-MuiButtonBase-root"
             role="link"
             tabindex="0"
             type="button"
@@ -159,7 +159,7 @@ exports[`<PaginationComponent /> should work 1`] = `
         </li>
         <li>
           <button
-            class="MuiButtonBase-root css-1walttk-MuiButtonBase-root"
+            class="MuiButtonBase-root css-9fh4tn-MuiButtonBase-root"
             role="link"
             tabindex="0"
             type="button"

diff --git a/src/components/SMRadio/__tests__/__snapshots__/SMRadio.test.js.snap b/src/components/SMRadio/__tests__/__snapshots__/SMRadio.test.js.snap
@@ -14,7 +14,7 @@ exports[`<SMRadio /> should work 1`] = `
         class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary css-b2e26m-MuiButtonBase-root-MuiRadio-root"
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked MuiRadio-root MuiRadio-colorPrimary css-18i0j3m-MuiButtonBase-root-MuiRadio-root"
         >
           <input
             checked=""
@@ -60,7 +60,7 @@ exports[`<SMRadio /> should work 1`] = `
         class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-b2e26m-MuiButtonBase-root-MuiRadio-root"
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-18i0j3m-MuiButtonBase-root-MuiRadio-root"
         >
           <input
             class="PrivateSwitchBase-input css-j8yymo"
@@ -105,7 +105,7 @@ exports[`<SMRadio /> should work 1`] = `
         class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-19opgx6-MuiFormControlLabel-root"
       >
         <span
-          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-b2e26m-MuiButtonBase-root-MuiRadio-root"
+          class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary MuiRadio-root MuiRadio-colorPrimary css-18i0j3m-MuiButtonBase-root-MuiRadio-root"
         >
           <input
             class="PrivateSwitchBase-input css-j8yymo"

diff --git a/src/components/ServiceMapButton/__tests__/__snapshots__/ServiceMapButton.test.js.snap b/src/components/ServiceMapButton/__tests__/__snapshots__/ServiceMapButton.test.js.snap
@@ -3,7 +3,7 @@
 exports[`<ServiceMapButton /> should work 1`] = `
 <div>
   <button
-    class="MuiButtonBase-root SMButton css-urweha-MuiButtonBase-root"
+    class="MuiButtonBase-root SMButton css-60seh6-MuiButtonBase-root"
     color="default"
     margin="0"
     role="button"

diff --git a/...nts/ToolMenu/MeasuringStopButton/__tests__/__snapshots__/MeasuringStopButton.test.js.snap b/...nts/ToolMenu/MeasuringStopButton/__tests__/__snapshots__/MeasuringStopButton.test.js.snap
@@ -4,7 +4,7 @@ exports[`<MeasuringStopButton /> should work 1`] = `
 <div>
   <button
     aria-label="Stop measuring"
-    class="MuiButtonBase-root SMButton css-1tt00yd-MuiButtonBase-root"
+    class="MuiButtonBase-root SMButton css-1g3sd65-MuiButtonBase-root"
     color="primary"
     id="MeasuringStopButton"
     margin="0"

diff --git a/src/components/TopBar/MenuButton/__tests__/__snapshots__/MenuButton.test.js.snap b/src/components/TopBar/MenuButton/__tests__/__snapshots__/MenuButton.test.js.snap
@@ -6,7 +6,7 @@ exports[`<MenuButton /> should work 1`] = `
     aria-expanded="false"
     aria-haspopup="true"
     aria-label="Menu"
-    class="MuiButtonBase-root css-6zf9p1-MuiButtonBase-root"
+    class="MuiButtonBase-root css-1aijl4j-MuiButtonBase-root"
     id="MenuButton"
     largebutton="1"
     tabindex="0"

diff --git a/src/components/TopBar/SMLogo/__tests__/__snapshots__/SMLogo.test.js.snap b/src/components/TopBar/SMLogo/__tests__/__snapshots__/SMLogo.test.js.snap
@@ -5,7 +5,7 @@ exports[`<SMLogo /> should work 1`] = `
   <button
     aria-current="page"
     aria-label="Servicemap - Go to home page"
-    class="MuiButtonBase-root css-1walttk-MuiButtonBase-root"
+    class="MuiButtonBase-root css-9fh4tn-MuiButtonBase-root"
     role="link"
     tabindex="0"
     type="button"