feat: add category to animates & describe animate docs

MellowCo · Nov 23, 2024 · 6ddb420 · 6ddb420
1 parent 01f78fd
commit 6ddb420
Show file tree

Hide file tree

Showing 2 changed files with 104 additions and 0 deletions.
diff --git a/src/theme/animation.ts b/src/theme/animation.ts
@@ -165,4 +165,107 @@ export const animation = {
     'bounce': 'infinite',
     'bounce-alt': 'infinite',
   },
+  category: {
+    'pulse': 'Attention Seekers',
+    'bounce': 'Attention Seekers',
+    'spin': 'Attention Seekers',
+    'ping': 'Attention Seekers',
+    'bounce-alt': 'Attention Seekers',
+    'flash': 'Attention Seekers',
+    'pulse-alt': 'Attention Seekers',
+    'rubber-band': 'Attention Seekers',
+    'shake-x': 'Attention Seekers',
+    'shake-y': 'Attention Seekers',
+    'head-shake': 'Attention Seekers',
+    'swing': 'Attention Seekers',
+    'tada': 'Attention Seekers',
+    'wobble': 'Attention Seekers',
+    'jello': 'Attention Seekers',
+    'heart-beat': 'Attention Seekers',
+    'hinge': 'Specials',
+    'jack-in-the-box': 'Specials',
+    'light-speed-in-left': 'Lightspeed',
+    'light-speed-in-right': 'Lightspeed',
+    'light-speed-out-left': 'Lightspeed',
+    'light-speed-out-right': 'Lightspeed',
+    'flip': 'Flippers',
+    'flip-in-x': 'Flippers',
+    'flip-in-y': 'Flippers',
+    'flip-out-x': 'Flippers',
+    'flip-out-y': 'Flippers',
+    'rotate-in': 'Rotating Entrances',
+    'rotate-in-down-left': 'Rotating Entrances',
+    'rotate-in-down-right': 'Rotating Entrances',
+    'rotate-in-up-left': 'Rotating Entrances',
+    'rotate-in-up-right': 'Rotating Entrances',
+    'rotate-out': 'Rotating Exits',
+    'rotate-out-down-left': 'Rotating Exits',
+    'rotate-out-down-right': 'Rotating Exits',
+    'rotate-out-up-left': 'Rotating Exits',
+    'rotate-out-up-right': 'Rotating Exits',
+    'roll-in': 'Specials',
+    'roll-out': 'Specials',
+    'zoom-in': 'Zooming Entrances',
+    'zoom-in-down': 'Zooming Entrances',
+    'zoom-in-left': 'Zooming Entrances',
+    'zoom-in-right': 'Zooming Entrances',
+    'zoom-in-up': 'Zooming Entrances',
+    'zoom-out': 'Zooming Exits',
+    'zoom-out-down': 'Zooming Exits',
+    'zoom-out-left': 'Zooming Exits',
+    'zoom-out-right': 'Zooming Exits',
+    'zoom-out-up': 'Zooming Exits',
+    'bounce-in': 'Bouncing Entrances',
+    'bounce-in-down': 'Bouncing Entrances',
+    'bounce-in-left': 'Bouncing Entrances',
+    'bounce-in-right': 'Bouncing Entrances',
+    'bounce-in-up': 'Bouncing Entrances',
+    'bounce-out': 'Bouncing Exits',
+    'bounce-out-down': 'Bouncing Exits',
+    'bounce-out-left': 'Bouncing Exits',
+    'bounce-out-right': 'Bouncing Exits',
+    'bounce-out-up': 'Bouncing Exits',
+    'slide-in-down': 'Sliding Entrances',
+    'slide-in-left': 'Sliding Entrances',
+    'slide-in-right': 'Sliding Entrances',
+    'slide-in-up': 'Sliding Entrances',
+    'slide-out-down': 'Sliding Exits',
+    'slide-out-left': 'Sliding Exits',
+    'slide-out-right': 'Sliding Exits',
+    'slide-out-up': 'Sliding Exits',
+    'fade-in': 'Fading Entrances',
+    'fade-in-down': 'Fading Entrances',
+    'fade-in-down-big': 'Fading Entrances',
+    'fade-in-left': 'Fading Entrances',
+    'fade-in-left-big': 'Fading Entrances',
+    'fade-in-right': 'Fading Entrances',
+    'fade-in-right-big': 'Fading Entrances',
+    'fade-in-up': 'Fading Entrances',
+    'fade-in-up-big': 'Fading Entrances',
+    'fade-in-top-left': 'Fading Entrances',
+    'fade-in-top-right': 'Fading Entrances',
+    'fade-in-bottom-left': 'Fading Entrances',
+    'fade-in-bottom-right': 'Fading Entrances',
+    'fade-out': 'Fading Exits',
+    'fade-out-down': 'Fading Exits',
+    'fade-out-down-big': 'Fading Exits',
+    'fade-out-left': 'Fading Exits',
+    'fade-out-left-big': 'Fading Exits',
+    'fade-out-right': 'Fading Exits',
+    'fade-out-right-big': 'Fading Exits',
+    'fade-out-up': 'Fading Exits',
+    'fade-out-up-big': 'Fading Exits',
+    'fade-out-top-left': 'Fading Exits',
+    'fade-out-top-right': 'Fading Exits',
+    'fade-out-bottom-left': 'Fading Exits',
+    'fade-out-bottom-right': 'Fading Exits',
+    'back-in-up': 'Back Entrances',
+    'back-in-down': 'Back Entrances',
+    'back-in-right': 'Back Entrances',
+    'back-in-left': 'Back Entrances',
+    'back-out-up': 'Back Exits',
+    'back-out-down': 'Back Exits',
+    'back-out-right': 'Back Exits',
+    'back-out-left': 'Back Exits',
+  },
 }
diff --git a/src/theme/types.ts b/src/theme/types.ts
@@ -6,6 +6,7 @@ export interface ThemeAnimation {
   timingFns?: Record<string, string>
   properties?: Record<string, object>
   counts?: Record<string, string | number>
+  category?: Record<string, string>
 }
 
 export interface Colors {