@prodkt/animations 1.1.0

package/dist/flippers/flip.js

@@ -0,0 +1,27 @@
+export const flip = [
+  {
+    offset: 0,
+    transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg)',
+    easing: 'ease-out'
+  },
+  {
+    offset: 0.4,
+    transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -190deg)',
+    easing: 'ease-out'
+  },
+  {
+    offset: 0.5,
+    transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n      rotate3d(0, 1, 0, -170deg)',
+    easing: 'ease-in'
+  },
+  {
+    offset: 0.8,
+    transform: 'perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n      rotate3d(0, 1, 0, 0deg)',
+    easing: 'ease-in'
+  },
+  {
+    offset: 1,
+    transform: 'perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg)',
+    easing: 'ease-in'
+  }
+];

package/dist/flippers/flipInX.js

@@ -0,0 +1,7 @@
+export const flipInX = [
+  { offset: 0, transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)', easing: 'ease-in', opacity: '0' },
+  { offset: 0.4, transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)', easing: 'ease-in' },
+  { offset: 0.6, transform: 'perspective(400px) rotate3d(1, 0, 0, 10deg)', opacity: '1' },
+  { offset: 0.8, transform: 'perspective(400px) rotate3d(1, 0, 0, -5deg)' },
+  { offset: 1, transform: 'perspective(400px)' }
+];

package/dist/flippers/flipInY.js

@@ -0,0 +1,7 @@
+export const flipInY = [
+  { offset: 0, transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)', easing: 'ease-in', opacity: '0' },
+  { offset: 0.4, transform: 'perspective(400px) rotate3d(0, 1, 0, -20deg)', easing: 'ease-in' },
+  { offset: 0.6, transform: 'perspective(400px) rotate3d(0, 1, 0, 10deg)', opacity: '1' },
+  { offset: 0.8, transform: 'perspective(400px) rotate3d(0, 1, 0, -5deg)' },
+  { offset: 1, transform: 'perspective(400px)' }
+];

package/dist/flippers/flipOutX.js

@@ -0,0 +1,5 @@
+export const flipOutX = [
+  { offset: 0, transform: 'perspective(400px)' },
+  { offset: 0.3, transform: 'perspective(400px) rotate3d(1, 0, 0, -20deg)', opacity: '1' },
+  { offset: 1, transform: 'perspective(400px) rotate3d(1, 0, 0, 90deg)', opacity: '0' }
+];

package/dist/flippers/flipOutY.js

@@ -0,0 +1,5 @@
+export const flipOutY = [
+  { offset: 0, transform: 'perspective(400px)' },
+  { offset: 0.3, transform: 'perspective(400px) rotate3d(0, 1, 0, -15deg)', opacity: '1' },
+  { offset: 1, transform: 'perspective(400px) rotate3d(0, 1, 0, 90deg)', opacity: '0' }
+];

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+declare module '@tovutifunk/animations' {
+  export type Animation = Keyframe[];
+  export const animations: Animation[];
+  export const easings: { [key: string]: string };
+}

package/dist/index.js

@@ -0,0 +1,99 @@
+export * from './attention_seekers/bounce.js';
+export * from './attention_seekers/flash.js';
+export * from './attention_seekers/headShake.js';
+export * from './attention_seekers/heartBeat.js';
+export * from './attention_seekers/jello.js';
+export * from './attention_seekers/pulse.js';
+export * from './attention_seekers/rubberBand.js';
+export * from './attention_seekers/shake.js';
+export * from './attention_seekers/shakeX.js';
+export * from './attention_seekers/shakeY.js';
+export * from './attention_seekers/swing.js';
+export * from './attention_seekers/tada.js';
+export * from './attention_seekers/wobble.js';
+export * from './back_entrances/backInDown.js';
+export * from './back_entrances/backInLeft.js';
+export * from './back_entrances/backInRight.js';
+export * from './back_entrances/backInUp.js';
+export * from './back_exits/backOutDown.js';
+export * from './back_exits/backOutLeft.js';
+export * from './back_exits/backOutRight.js';
+export * from './back_exits/backOutUp.js';
+export * from './bouncing_entrances/bounceIn.js';
+export * from './bouncing_entrances/bounceInDown.js';
+export * from './bouncing_entrances/bounceInLeft.js';
+export * from './bouncing_entrances/bounceInRight.js';
+export * from './bouncing_entrances/bounceInUp.js';
+export * from './bouncing_exits/bounceOut.js';
+export * from './bouncing_exits/bounceOutDown.js';
+export * from './bouncing_exits/bounceOutLeft.js';
+export * from './bouncing_exits/bounceOutRight.js';
+export * from './bouncing_exits/bounceOutUp.js';
+export * from './fading_entrances/fadeIn.js';
+export * from './fading_entrances/fadeInBottomLeft.js';
+export * from './fading_entrances/fadeInBottomRight.js';
+export * from './fading_entrances/fadeInDown.js';
+export * from './fading_entrances/fadeInDownBig.js';
+export * from './fading_entrances/fadeInLeft.js';
+export * from './fading_entrances/fadeInLeftBig.js';
+export * from './fading_entrances/fadeInRight.js';
+export * from './fading_entrances/fadeInRightBig.js';
+export * from './fading_entrances/fadeInTopLeft.js';
+export * from './fading_entrances/fadeInTopRight.js';
+export * from './fading_entrances/fadeInUp.js';
+export * from './fading_entrances/fadeInUpBig.js';
+export * from './fading_exits/fadeOut.js';
+export * from './fading_exits/fadeOutBottomLeft.js';
+export * from './fading_exits/fadeOutBottomRight.js';
+export * from './fading_exits/fadeOutDown.js';
+export * from './fading_exits/fadeOutDownBig.js';
+export * from './fading_exits/fadeOutLeft.js';
+export * from './fading_exits/fadeOutLeftBig.js';
+export * from './fading_exits/fadeOutRight.js';
+export * from './fading_exits/fadeOutRightBig.js';
+export * from './fading_exits/fadeOutTopLeft.js';
+export * from './fading_exits/fadeOutTopRight.js';
+export * from './fading_exits/fadeOutUp.js';
+export * from './fading_exits/fadeOutUpBig.js';
+export * from './flippers/flip.js';
+export * from './flippers/flipInX.js';
+export * from './flippers/flipInY.js';
+export * from './flippers/flipOutX.js';
+export * from './flippers/flipOutY.js';
+export * from './lightspeed/lightSpeedInLeft.js';
+export * from './lightspeed/lightSpeedInRight.js';
+export * from './lightspeed/lightSpeedOutLeft.js';
+export * from './lightspeed/lightSpeedOutRight.js';
+export * from './rotating_entrances/rotateIn.js';
+export * from './rotating_entrances/rotateInDownLeft.js';
+export * from './rotating_entrances/rotateInDownRight.js';
+export * from './rotating_entrances/rotateInUpLeft.js';
+export * from './rotating_entrances/rotateInUpRight.js';
+export * from './rotating_exits/rotateOut.js';
+export * from './rotating_exits/rotateOutDownLeft.js';
+export * from './rotating_exits/rotateOutDownRight.js';
+export * from './rotating_exits/rotateOutUpLeft.js';
+export * from './rotating_exits/rotateOutUpRight.js';
+export * from './sliding_entrances/slideInDown.js';
+export * from './sliding_entrances/slideInLeft.js';
+export * from './sliding_entrances/slideInRight.js';
+export * from './sliding_entrances/slideInUp.js';
+export * from './sliding_exits/slideOutDown.js';
+export * from './sliding_exits/slideOutLeft.js';
+export * from './sliding_exits/slideOutRight.js';
+export * from './sliding_exits/slideOutUp.js';
+export * from './specials/hinge.js';
+export * from './specials/jackInTheBox.js';
+export * from './specials/rollIn.js';
+export * from './specials/rollOut.js';
+export * from './zooming_entrances/zoomIn.js';
+export * from './zooming_entrances/zoomInDown.js';
+export * from './zooming_entrances/zoomInLeft.js';
+export * from './zooming_entrances/zoomInRight.js';
+export * from './zooming_entrances/zoomInUp.js';
+export * from './zooming_exits/zoomOut.js';
+export * from './zooming_exits/zoomOutDown.js';
+export * from './zooming_exits/zoomOutLeft.js';
+export * from './zooming_exits/zoomOutRight.js';
+export * from './zooming_exits/zoomOutUp.js';
+export { easings } from './easings/easings.js';

package/dist/lightspeed/lightSpeedInLeft.js

@@ -0,0 +1,6 @@
+export const lightSpeedInLeft = [
+  { offset: 0, transform: 'translate3d(-100%, 0, 0) skewX(30deg)', opacity: '0' },
+  { offset: 0.6, transform: 'skewX(-20deg)', opacity: '1' },
+  { offset: 0.8, transform: 'skewX(5deg)' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)' }
+];

package/dist/lightspeed/lightSpeedInRight.js

@@ -0,0 +1,6 @@
+export const lightSpeedInRight = [
+  { offset: 0, transform: 'translate3d(100%, 0, 0) skewX(-30deg)', opacity: '0' },
+  { offset: 0.6, transform: 'skewX(20deg)', opacity: '1' },
+  { offset: 0.8, transform: 'skewX(-5deg)' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)' }
+];

package/dist/lightspeed/lightSpeedOutLeft.js

@@ -0,0 +1,4 @@
+export const lightSpeedOutLeft = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, transform: 'translate3d(-100%, 0, 0) skewX(-30deg)', opacity: '0' }
+];

package/dist/lightspeed/lightSpeedOutRight.js

@@ -0,0 +1,4 @@
+export const lightSpeedOutRight = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, transform: 'translate3d(100%, 0, 0) skewX(30deg)', opacity: '0' }
+];

package/dist/rotating_entrances/rotateIn.js

@@ -0,0 +1,4 @@
+export const rotateIn = [
+  { offset: 0, transform: 'rotate3d(0, 0, 1, -200deg)', opacity: '0' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' }
+];

package/dist/rotating_entrances/rotateInDownLeft.js

@@ -0,0 +1,4 @@
+export const rotateInDownLeft = [
+  { offset: 0, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' }
+];

package/dist/rotating_entrances/rotateInDownRight.js

@@ -0,0 +1,4 @@
+export const rotateInDownRight = [
+  { offset: 0, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' }
+];

package/dist/rotating_entrances/rotateInUpLeft.js

@@ -0,0 +1,4 @@
+export const rotateInUpLeft = [
+  { offset: 0, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' }
+];

package/dist/rotating_entrances/rotateInUpRight.js

@@ -0,0 +1,4 @@
+export const rotateInUpRight = [
+  { offset: 0, transform: 'rotate3d(0, 0, 1, -90deg)', opacity: '0' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)', opacity: '1' }
+];

package/dist/rotating_exits/rotateOut.js

@@ -0,0 +1,4 @@
+export const rotateOut = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, transform: 'rotate3d(0, 0, 1, 200deg)', opacity: '0' }
+];

package/dist/rotating_exits/rotateOutDownLeft.js

@@ -0,0 +1,4 @@
+export const rotateOutDownLeft = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, transform: 'rotate3d(0, 0, 1, 45deg)', opacity: '0' }
+];

package/dist/rotating_exits/rotateOutDownRight.js

@@ -0,0 +1,4 @@
+export const rotateOutDownRight = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' }
+];

package/dist/rotating_exits/rotateOutUpLeft.js

@@ -0,0 +1,4 @@
+export const rotateOutUpLeft = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, transform: 'rotate3d(0, 0, 1, -45deg)', opacity: '0' }
+];

package/dist/rotating_exits/rotateOutUpRight.js

@@ -0,0 +1,4 @@
+export const rotateOutUpRight = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, transform: 'rotate3d(0, 0, 1, 90deg)', opacity: '0' }
+];

package/dist/sliding_entrances/slideInDown.js

@@ -0,0 +1,4 @@
+export const slideInDown = [
+  { offset: 0, transform: 'translate3d(0, -100%, 0)', visibility: 'visible' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)' }
+];

package/dist/sliding_entrances/slideInLeft.js

@@ -0,0 +1,4 @@
+export const slideInLeft = [
+  { offset: 0, transform: 'translate3d(-100%, 0, 0)', visibility: 'visible' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)' }
+];

package/dist/sliding_entrances/slideInRight.js

@@ -0,0 +1,4 @@
+export const slideInRight = [
+  { offset: 0, transform: 'translate3d(100%, 0, 0)', visibility: 'visible' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)' }
+];

package/dist/sliding_entrances/slideInUp.js

@@ -0,0 +1,4 @@
+export const slideInUp = [
+  { offset: 0, transform: 'translate3d(0, 100%, 0)', visibility: 'visible' },
+  { offset: 1, transform: 'translate3d(0, 0, 0)' }
+];

package/dist/sliding_exits/slideOutDown.js

@@ -0,0 +1,4 @@
+export const slideOutDown = [
+  { offset: 0, transform: 'translate3d(0, 0, 0)' },
+  { offset: 1, visibility: 'hidden', transform: 'translate3d(0, 100%, 0)' }
+];

package/dist/sliding_exits/slideOutLeft.js

@@ -0,0 +1,4 @@
+export const slideOutLeft = [
+  { offset: 0, transform: 'translate3d(0, 0, 0)' },
+  { offset: 1, visibility: 'hidden', transform: 'translate3d(-100%, 0, 0)' }
+];

package/dist/sliding_exits/slideOutRight.js

@@ -0,0 +1,4 @@
+export const slideOutRight = [
+  { offset: 0, transform: 'translate3d(0, 0, 0)' },
+  { offset: 1, visibility: 'hidden', transform: 'translate3d(100%, 0, 0)' }
+];

package/dist/sliding_exits/slideOutUp.js

@@ -0,0 +1,4 @@
+export const slideOutUp = [
+  { offset: 0, transform: 'translate3d(0, 0, 0)' },
+  { offset: 1, visibility: 'hidden', transform: 'translate3d(0, -100%, 0)' }
+];

package/dist/specials/hinge.js

@@ -0,0 +1,8 @@
+export const hinge = [
+  { offset: 0, easing: 'ease-in-out' },
+  { offset: 0.2, transform: 'rotate3d(0, 0, 1, 80deg)', easing: 'ease-in-out' },
+  { offset: 0.4, transform: 'rotate3d(0, 0, 1, 60deg)', easing: 'ease-in-out', opacity: '1' },
+  { offset: 0.6, transform: 'rotate3d(0, 0, 1, 80deg)', easing: 'ease-in-out' },
+  { offset: 0.8, transform: 'rotate3d(0, 0, 1, 60deg)', easing: 'ease-in-out', opacity: '1' },
+  { offset: 1, transform: 'translate3d(0, 700px, 0)', opacity: '0' }
+];

package/dist/specials/jackInTheBox.js

@@ -0,0 +1,6 @@
+export const jackInTheBox = [
+  { offset: 0, opacity: '0', transform: 'scale(0.1) rotate(30deg)', 'transform-origin': 'center bottom' },
+  { offset: 0.5, transform: 'rotate(-10deg)' },
+  { offset: 0.7, transform: 'rotate(3deg)' },
+  { offset: 1, opacity: '1', transform: 'scale(1)' }
+];

package/dist/specials/rollIn.js

@@ -0,0 +1,4 @@
+export const rollIn = [
+  { offset: 0, opacity: '0', transform: 'translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)' },
+  { offset: 1, opacity: '1', transform: 'translate3d(0, 0, 0)' }
+];

package/dist/specials/rollOut.js

@@ -0,0 +1,4 @@
+export const rollOut = [
+  { offset: 0, opacity: '1' },
+  { offset: 1, opacity: '0', transform: 'translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)' }
+];

package/dist/zooming_entrances/zoomIn.js

@@ -0,0 +1,4 @@
+export const zoomIn = [
+  { offset: 0, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },
+  { offset: 0.5, opacity: '1' }
+];

package/dist/zooming_entrances/zoomInDown.js

@@ -0,0 +1,14 @@
+export const zoomInDown = [
+  {
+    offset: 0,
+    opacity: '0',
+    transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0)',
+    easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)'
+  },
+  {
+    offset: 0.6,
+    opacity: '1',
+    transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',
+    easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)'
+  }
+];

package/dist/zooming_entrances/zoomInLeft.js

@@ -0,0 +1,14 @@
+export const zoomInLeft = [
+  {
+    offset: 0,
+    opacity: '0',
+    transform: 'scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0)',
+    easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)'
+  },
+  {
+    offset: 0.6,
+    opacity: '1',
+    transform: 'scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0)',
+    easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)'
+  }
+];

package/dist/zooming_entrances/zoomInRight.js

@@ -0,0 +1,14 @@
+export const zoomInRight = [
+  {
+    offset: 0,
+    opacity: '0',
+    transform: 'scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0)',
+    easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)'
+  },
+  {
+    offset: 0.6,
+    opacity: '1',
+    transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0)',
+    easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)'
+  }
+];

package/dist/zooming_entrances/zoomInUp.js

@@ -0,0 +1,14 @@
+export const zoomInUp = [
+  {
+    offset: 0,
+    opacity: '0',
+    transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0)',
+    easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)'
+  },
+  {
+    offset: 0.6,
+    opacity: '1',
+    transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',
+    easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)'
+  }
+];

package/dist/zooming_exits/zoomOut.js

@@ -0,0 +1,5 @@
+export const zoomOut = [
+  { offset: 0, opacity: '1' },
+  { offset: 0.5, opacity: '0', transform: 'scale3d(0.3, 0.3, 0.3)' },
+  { offset: 1, opacity: '0' }
+];

package/dist/zooming_exits/zoomOutDown.js

@@ -0,0 +1,14 @@
+export const zoomOutDown = [
+  {
+    offset: 0.4,
+    opacity: '1',
+    transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0)',
+    easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)'
+  },
+  {
+    offset: 1,
+    opacity: '0',
+    transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0)',
+    easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)'
+  }
+];

package/dist/zooming_exits/zoomOutLeft.js

@@ -0,0 +1,4 @@
+export const zoomOutLeft = [
+  { offset: 0.4, opacity: '1', transform: 'scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)' },
+  { offset: 1, opacity: '0', transform: 'scale(0.1) translate3d(-2000px, 0, 0)' }
+];

package/dist/zooming_exits/zoomOutRight.js

@@ -0,0 +1,4 @@
+export const zoomOutRight = [
+  { offset: 0.4, opacity: '1', transform: 'scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)' },
+  { offset: 1, opacity: '0', transform: 'scale(0.1) translate3d(2000px, 0, 0)' }
+];

package/dist/zooming_exits/zoomOutUp.js

@@ -0,0 +1,14 @@
+export const zoomOutUp = [
+  {
+    offset: 0.4,
+    opacity: '1',
+    transform: 'scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0)',
+    easing: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)'
+  },
+  {
+    offset: 1,
+    opacity: '0',
+    transform: 'scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0)',
+    easing: 'cubic-bezier(0.175, 0.885, 0.32, 1)'
+  }
+];

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@prodkt/animations",
+  "description": "Your favorite animate.css effects available as ES modules for use with the Web Animations API.",
+  "version": "1.1.0",
+  "homepage": "https://github.com/prodkt-cloud/animations",
+  "author": "Bryan Funk",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "node src/index.cjs",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Prodkt-Cloud/animations.git"
+  },
+  "bugs": {
+    "url": "https://github.com/prodkt-cloud/animations/issues"
+  },
+  "funding": {
+    "type": "individual",
+    "url": "https://github.com/sponsors/tovutifunk"
+  },
+  "files": [
+    "dist/"
+  ],
+  "keywords": [
+    "animation",
+    "web animations api",
+    "animate.css"
+  ],
+  "dependencies": {},
+  "devDependencies": {
+    "animate.css": "^4.1.1",
+    "css": "^3.0.0",
+    "del": "^6.0.0",
+    "glob": "^7.1.6",
+    "mkdirp": "^1.0.4",
+    "prettier": "^2.2.1"
+  }
+}