davesnx / styled-ppx

Type-safe styled components for ReScript, Melange and native with type-safe CSS
https://styled-ppx.vercel.app
BSD 2-Clause "Simplified" License
399 stars 31 forks source link

Incorrect assignment of animation values #455

Closed lubegasimon closed 1 month ago

lubegasimon commented 4 months ago

There is the incorrect assignment of animation values, for example, in the following snippet, ~timingFunction should equal easeIn instead of ease whereas the last one should be "none" (default value for animation name as of https://github.com/davesnx/styled-ppx/pull/411)

  /* duration | easing-function | delay | iteration-count | direction | fill-mode | play-state | name */
  (
    [%css "animation: 4s ease-in 1s infinite reverse both paused"],
    [%expr [%css "animation: 4s ease-in 1s infinite reverse both paused"]],
    [%expr
      CssJs.animation(
        ~duration=`s(4000.),
        ~delay=`s(1000.),
        ~direction=`reverse,
        ~timingFunction=`ease,
        ~fillMode=`both,
        ~playState=`paused,
        ~iterationCount=`infinite,
        {js|ease-in|js}
      )
    ],
  ),