changelog + minor stylelint cleanup

elastic · Sep 7, 2023 · e195f62 · e195f62
1 parent 3e82e7e
commit e195f62
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git 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
@@ -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