✨ Add prop to skip Accordion animation

Allows skipping the accordion animation via a new prop.

This is useful for scenarios where the animation is not desired,
such as when the component is initially rendered in a hidden state.

Author: MichaelGesenhues

packages/core/src/components/accordion/Accordion.tsx

@@ -130,6 +130,11 @@ export type AccordionProps = {
      * Whether the icon should be rotating.
      */
     shouldRotateIcon?: boolean;
+    /**
+     * Whether the animation should be skipped.
+     * If 'isDefaultOpen' is true the initial animation will be skipped even this prop is false
+     */
+    shouldSkipAnimation?: boolean;
     /**
      * Title of the Accordion displayed in the head
      */
@@ -175,6 +180,7 @@ const Accordion: FC<AccordionProps> = ({
     titleElement,
     onTitleInputChange,
     titleInputProps,
+    shouldSkipAnimation: shouldSkipAnimationProp = false,
     titleColor,
     onBodyAnimationComplete,
 }) => {
@@ -205,14 +211,8 @@ const Accordion: FC<AccordionProps> = ({
 
     const initialRenderSkipRef = useInitialRenderRef(true);
 
-    const shouldSkipAnimation = initialRenderSkipRef.current && isDefaultOpen;
-
-    console.debug('TEST', {
-        shouldSkipAnimation,
-        isDefaultOpen,
-        skipRef: initialRenderSkipRef.current,
-        initialRef: isInitialRenderRef.current,
-    });
+    const shouldSkipAnimation =
+        shouldSkipAnimationProp ?? (initialRenderSkipRef.current && isDefaultOpen);
 
     const isOpenRef = useRef(isOpen);
     const onCloseRef = useRef(onClose);