New source found from dndbeyond.com

ddb_main/components/Accordion/Accordion.tsx

@@ -14,13 +14,20 @@ import ChevronDown from "@dndbeyond/fontawesome-cache/svgs/solid/chevron-down.sv
 
 import styles from "./styles.module.css";
 
+export type AccordionVariant =
+  | "default"
+  | "text"
+  | "paper"
+  | "minimal"
+  | "solid";
+
 export interface AccordionProps extends HTMLAttributes<HTMLElement> {
-  variant?: "default" | "text" | "paper";
+  variant?: AccordionVariant;
   summary: ReactNode;
   description?: ReactNode;
-  size?: "small" | "medium";
+  size?: "xx-small" | "x-small" | "small" | "medium";
   forceShow?: boolean;
-  useTheme?: boolean;
+  themed?: boolean;
   resetOpen?: boolean;
   override?: boolean | null;
   handleIsOpen?: (id: string, isOpen: boolean) => void;
@@ -40,8 +47,7 @@ export const Accordion: FC<AccordionProps> = ({
   variant = "default",
   children,
   forceShow = false,
-  // style,
-  useTheme,
+  themed,
   resetOpen,
   handleIsOpen,
   override = null,
@@ -101,7 +107,7 @@ export const Accordion: FC<AccordionProps> = ({
         styles.details,
         styles[size],
         styles[variant],
-        useTheme && styles.theme,
+        themed && styles.themed,
         showAlert && styles.alert,
         className,
       ])}
@@ -113,6 +119,7 @@ export const Accordion: FC<AccordionProps> = ({
         className={styles.summary}
         onClick={handleToggle}
         ref={summaryRef}
+        data-testid="accordion-summary"
       >
         {summaryImage && (
           <img
@@ -123,7 +130,7 @@ export const Accordion: FC<AccordionProps> = ({
           />
         )}
         <div className={styles.heading}>
-          <div>
+          <div className={styles.summaryContent}>
             {summary}
             {summaryMetaItems && (
               <div className={styles.metaItems}>