From e195f62bccd2da5135388f1915d754b1f0bcb32e Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Wed, 6 Sep 2023 14:14:43 -0700
Subject: [PATCH] changelog + minor stylelint cleanup

---
 .../accordion_trigger/accordion_arrow.styles.ts        | 10 ++++------
 upcoming_changelogs/7161.md                            |  4 ++++
 2 files changed, 8 insertions(+), 6 deletions(-)
 create mode 100644 upcoming_changelogs/7161.md

diff --git a/src/components/accordion/accordion_trigger/accordion_arrow.styles.ts b/src/components/accordion/accordion_trigger/accordion_arrow.styles.ts
index 3212917c220..8c1510f0dce 100644
--- a/src/components/accordion/accordion_trigger/accordion_arrow.styles.ts
+++ b/src/components/accordion/accordion_trigger/accordion_arrow.styles.ts
@@ -12,17 +12,15 @@ import { UseEuiTheme } from '../../../services';
 import { logicalCSS } from '../../../global_styling';
 
 export const euiAccordionArrowStyles = ({ euiTheme }: UseEuiTheme) => ({
+  // !important overrides EuiButtonIcon's default transforms
   euiAccordion__arrow: css`
+    /* stylelint-disable declaration-no-important */
     flex-shrink: 0;
     ${logicalCSS('margin-right', euiTheme.size.xs)}
-    transform: rotate(
-      0deg
-    ) !important; /* stylelint-disable-line declaration-no-important */
+    transform: rotate(0deg) !important;
   `,
   isOpen: css`
-    transform: rotate(
-      90deg
-    ) !important; /* stylelint-disable-line declaration-no-important */
+    transform: rotate(90deg) !important;
   `,
   right: css`
     ${logicalCSS('margin-left', euiTheme.size.xs)}
diff --git a/upcoming_changelogs/7161.md b/upcoming_changelogs/7161.md
new file mode 100644
index 00000000000..5c1c5415561
--- /dev/null
+++ b/upcoming_changelogs/7161.md
@@ -0,0 +1,4 @@
+**Accessibility**
+
+- `EuiAccordion` now correctly respects reduced motion settings
+- `EuiAccordion` now shows a focus outline to keyboard users around its revealed children on open