@tribepad/themis 1.3.0 → 1.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tribepad/themis",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Accessible React component library built on React Aria primitives",
   "author": "Tribepad <mbasford@tribepad.com>",
   "license": "MIT",

package/src/elements/Card/Card.stories.tsx

@@ -486,29 +486,29 @@ export const ProductCard: Story = {
 
 /**
  * Custom Animation Duration
- * Card with slower flip animation (1 second).
+ * Card with flip duration set to the maximum allowed (350ms per motion spec).
  */
-export const SlowFlip: Story = {
+export const MaxFlipDuration: Story = {
   render: (): ReactElement => (
     <Card
       className="w-[350px]"
       flippable
-      flipDuration={1000}
+      flipDuration={350}
       backContent={
         <div className="p-6">
-          <h3 className="text-lg font-semibold">Slow Flip</h3>
+          <h3 className="text-lg font-semibold">Max Duration</h3>
           <p className="mt-2 text-sm">
-            This card has a 1 second flip animation duration.
+            This card uses the maximum allowed flip duration of 350ms.
           </p>
         </div>
       }
     >
       <CardHeader>
-        <CardTitle>Slow Animation</CardTitle>
-        <CardDescription>1000ms flip duration</CardDescription>
+        <CardTitle>Custom Duration</CardTitle>
+        <CardDescription>350ms flip duration (motion spec max)</CardDescription>
       </CardHeader>
       <CardContent>
-        <p>Click to see the slower flip animation.</p>
+        <p>Click to see the flip animation at the maximum allowed duration.</p>
       </CardContent>
     </Card>
   ),