@pyreon/kinetic-presets 0.11.4 → 0.11.6

package/src/factories.ts

@@ -7,29 +7,29 @@ import type {
   RotateOptions,
   ScaleOptions,
   SlideOptions,
-} from "./types"
+} from './types'
 
 const directionToTranslate = (direction: Direction, distance: number): string => {
   switch (direction) {
-    case "up":
+    case 'up':
       return `translateY(${distance}px)`
-    case "down":
+    case 'down':
       return `translateY(${-distance}px)`
-    case "left":
+    case 'left':
       return `translateX(${distance}px)`
-    case "right":
+    case 'right':
       return `translateX(${-distance}px)`
   }
 }
 
 const directionToZero = (direction: Direction): string => {
   switch (direction) {
-    case "up":
-    case "down":
-      return "translateY(0)"
-    case "left":
-    case "right":
-      return "translateX(0)"
+    case 'up':
+    case 'down':
+      return 'translateY(0)'
+    case 'left':
+    case 'right':
+      return 'translateX(0)'
   }
 }
 
@@ -38,8 +38,8 @@ export const createFade = ({
   distance = 16,
   duration = 300,
   leaveDuration = 200,
-  easing = "ease-out",
-  leaveEasing = "ease-in",
+  easing = 'ease-out',
+  leaveEasing = 'ease-in',
 }: FadeOptions = {}): Preset => {
   if (!direction) {
     return {
@@ -64,12 +64,12 @@ export const createFade = ({
 }
 
 export const createSlide = ({
-  direction = "up",
+  direction = 'up',
   distance = 16,
   duration = 300,
   leaveDuration = 200,
-  easing = "ease-out",
-  leaveEasing = "ease-in",
+  easing = 'ease-out',
+  leaveEasing = 'ease-in',
 }: SlideOptions = {}): Preset => {
   const translate = directionToTranslate(direction, distance)
   const zero = directionToZero(direction)
@@ -87,13 +87,13 @@ export const createScale = ({
   from = 0.9,
   duration = 300,
   leaveDuration = 200,
-  easing = "ease-out",
-  leaveEasing = "ease-in",
+  easing = 'ease-out',
+  leaveEasing = 'ease-in',
 }: ScaleOptions = {}): Preset => ({
   enterStyle: { opacity: 0, transform: `scale(${from})` },
-  enterToStyle: { opacity: 1, transform: "scale(1)" },
+  enterToStyle: { opacity: 1, transform: 'scale(1)' },
   enterTransition: `all ${duration}ms ${easing}`,
-  leaveStyle: { opacity: 1, transform: "scale(1)" },
+  leaveStyle: { opacity: 1, transform: 'scale(1)' },
   leaveToStyle: { opacity: 0, transform: `scale(${from})` },
   leaveTransition: `all ${leaveDuration}ms ${leaveEasing}`,
 })
@@ -102,13 +102,13 @@ export const createRotate = ({
   degrees = 15,
   duration = 300,
   leaveDuration = 200,
-  easing = "ease-out",
-  leaveEasing = "ease-in",
+  easing = 'ease-out',
+  leaveEasing = 'ease-in',
 }: RotateOptions = {}): Preset => ({
   enterStyle: { opacity: 0, transform: `rotate(${-degrees}deg)` },
-  enterToStyle: { opacity: 1, transform: "rotate(0)" },
+  enterToStyle: { opacity: 1, transform: 'rotate(0)' },
   enterTransition: `all ${duration}ms ${easing}`,
-  leaveStyle: { opacity: 1, transform: "rotate(0)" },
+  leaveStyle: { opacity: 1, transform: 'rotate(0)' },
   leaveToStyle: { opacity: 0, transform: `rotate(${degrees}deg)` },
   leaveTransition: `all ${leaveDuration}ms ${leaveEasing}`,
 })
@@ -118,14 +118,14 @@ export const createBlur = ({
   scale,
   duration = 300,
   leaveDuration = 200,
-  easing = "ease-out",
-  leaveEasing = "ease-in",
+  easing = 'ease-out',
+  leaveEasing = 'ease-in',
 }: BlurOptions = {}): Preset => {
   const hidden: CSSProperties = { opacity: 0, filter: `blur(${amount}px)` }
-  const visible: CSSProperties = { opacity: 1, filter: "blur(0px)" }
+  const visible: CSSProperties = { opacity: 1, filter: 'blur(0px)' }
   if (scale !== undefined) {
     hidden.transform = `scale(${scale})`
-    visible.transform = "scale(1)"
+    visible.transform = 'scale(1)'
   }
   return {
     enterStyle: hidden,

package/src/index.ts

@@ -1,4 +1,4 @@
-export { createBlur, createFade, createRotate, createScale, createSlide } from "./factories"
+export { createBlur, createFade, createRotate, createScale, createSlide } from './factories'
 export {
   backInDown,
   backInLeft,
@@ -123,7 +123,7 @@ export {
   zoomOutLeft,
   zoomOutRight,
   zoomOutUp,
-} from "./presets"
+} from './presets'
 export type {
   BlurOptions,
   CSSProperties,
@@ -133,5 +133,5 @@ export type {
   RotateOptions,
   ScaleOptions,
   SlideOptions,
-} from "./types"
-export { compose, reverse, withDelay, withDuration, withEasing } from "./utils"
+} from './types'
+export { compose, reverse, withDelay, withDuration, withEasing } from './utils'