@pyreon/kinetic-presets 0.11.4 → 0.11.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/README.md +13 -7
  2. package/lib/index.d.ts +1 -1
  3. package/package.json +19 -19
  4. package/src/__tests__/factories.test.ts +99 -99
  5. package/src/__tests__/presets.test.ts +274 -274
  6. package/src/__tests__/utils.test.ts +164 -164
  7. package/src/factories.ts +28 -28
  8. package/src/index.ts +4 -4
  9. package/src/presets.ts +386 -386
  10. package/src/types.ts +1 -1
  11. package/src/utils.ts +7 -7
package/src/types.ts CHANGED
@@ -16,7 +16,7 @@ export type Preset = {
16
16
  leaveTo?: string | undefined
17
17
  }
18
18
 
19
- export type Direction = "up" | "down" | "left" | "right"
19
+ export type Direction = 'up' | 'down' | 'left' | 'right'
20
20
 
21
21
  export type FadeOptions = {
22
22
  direction?: Direction
package/src/utils.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { CSSProperties, Preset } from "./types"
1
+ import type { CSSProperties, Preset } from './types'
2
2
 
3
3
  const mergeStyle = (
4
4
  a: CSSProperties | undefined,
@@ -37,20 +37,20 @@ export const compose = (...items: Preset[]): Preset => {
37
37
 
38
38
  export const withDuration = (preset: Preset, enterMs: number, leaveMs?: number): Preset => ({
39
39
  ...preset,
40
- enterTransition: replaceDuration(preset.enterTransition ?? "", `${enterMs}ms`),
41
- leaveTransition: replaceDuration(preset.leaveTransition ?? "", `${leaveMs ?? enterMs}ms`),
40
+ enterTransition: replaceDuration(preset.enterTransition ?? '', `${enterMs}ms`),
41
+ leaveTransition: replaceDuration(preset.leaveTransition ?? '', `${leaveMs ?? enterMs}ms`),
42
42
  })
43
43
 
44
44
  export const withEasing = (preset: Preset, enterEasing: string, leaveEasing?: string): Preset => ({
45
45
  ...preset,
46
- enterTransition: replaceEasing(preset.enterTransition ?? "", enterEasing),
47
- leaveTransition: replaceEasing(preset.leaveTransition ?? "", leaveEasing ?? enterEasing),
46
+ enterTransition: replaceEasing(preset.enterTransition ?? '', enterEasing),
47
+ leaveTransition: replaceEasing(preset.leaveTransition ?? '', leaveEasing ?? enterEasing),
48
48
  })
49
49
 
50
50
  export const withDelay = (preset: Preset, enterDelayMs: number, leaveDelayMs?: number): Preset => ({
51
51
  ...preset,
52
- enterTransition: addDelay(preset.enterTransition ?? "", `${enterDelayMs}ms`),
53
- leaveTransition: addDelay(preset.leaveTransition ?? "", `${leaveDelayMs ?? enterDelayMs}ms`),
52
+ enterTransition: addDelay(preset.enterTransition ?? '', `${enterDelayMs}ms`),
53
+ leaveTransition: addDelay(preset.leaveTransition ?? '', `${leaveDelayMs ?? enterDelayMs}ms`),
54
54
  })
55
55
 
56
56
  export const reverse = (preset: Preset): Preset => ({