Add includeAnimation to argtypes

Khan · Oct 21, 2023 · 1368253 · 1368253
1 parent 972be2c
commit 1368253
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 4 deletions.
diff --git a/__docs__/wonder-blocks-accordion/accordion-section.argtypes.tsx b/__docs__/wonder-blocks-accordion/accordion-section.argtypes.tsx
@@ -36,10 +36,7 @@ export default {
             left-to-right language (and on the right of a right-to-left
             language), and "end" means it’s on the right of a left-to-right
             language (and on the left of a right-to-left language).
-            Defaults to "end".
-            If this prop is specified both here in the \`AccordionSection\`
-            and within the \`Accordion\` component, the Accordion’s
-            caretPosition value is prioritized.`,
+            Defaults to "end".`,
         defaultValue: "end",
         table: {
             defaultValue: {summary: "end"},
@@ -78,6 +75,16 @@ export default {
             type: {summary: "boolean"},
         },
     },
+    includeAnimation: {
+        control: {type: "boolean"},
+        description: `Whether to include animation on the header. This should
+            be false if the user has \`prefers-reduced-motion\` opted in.
+            Defaults to false.`,
+        table: {
+            defaultValue: {summary: "false"},
+            type: {summary: "boolean"},
+        },
+    },
     onToggle: {
         control: {type: null},
         description: "Called when the header is clicked.",

diff --git a/__docs__/wonder-blocks-accordion/accordion.argtypes.tsx b/__docs__/wonder-blocks-accordion/accordion.argtypes.tsx
@@ -74,6 +74,18 @@ export default {
             required: false,
         },
     },
+    includeAnimation: {
+        control: {type: "boolean"},
+        description: `Whether to include animation on the header. This should
+            be false if the user has \`prefers-reduced-motion\` opted in.
+            Defaults to false.`,
+        defaultValue: false,
+        table: {
+            defaultValue: {summary: false},
+            type: {summary: "boolean"},
+        },
+        type: {name: "boolean", required: false},
+    },
     style: {
         control: {type: "object"},
         description: "Custom styles for the overall accordion container.",