Releases

styled-ppx version works like semver but without major releases. The major version is always 0, like 0.x.x. That each minor update can contain a breaking change.

v0.54 - Melange 3, Support media-queries level 5, styled.global with multiple rules, as prop and support for grid-* properties

Published on Wed Mar 13 2024

What's Changed

Full Changelog: https://github.com/davesnx/styled-ppx/compare/v0.53.1...0.54

v0.40 - New runtime library: styled-ppx/css and styled-ppx/emotion

Published on Wed Sep 13 2023

This new release of styled-ppx brings one exciting breaking change: deprecation of bs-css and bs-css-emotion in favor of styled-ppx/css and styled-ppx/emotion

The reason for the deprecation are very simple: - bs-css is slower to change than a vendored library - bs-css currently supports much less CSS features as styled-ppx (https://github.com/search?q=repo%3Adavesnx%2Fstyled-ppx+bs-css+language%3AReason&type=code&l=Reason) - We want to make the runtime as minimal as possible (near zero) and with an external library this isn't possible - Want to use array/curried functions as much as possible while bs-css still exposes Css (while styled-ppx only uses CssJs) - bs-css doesn't have an API reference where users can jump into it and solve their doubt

How to migrate

Future releases of styled-ppx will rely on features only shipped on styled-ppx/css and it will break your compilation.

npm install @davesnx/styled-ppx
{
  "bs-dependencies": [
    "@rescript/react",
-  "bs-css",
-  "bs-css-emotion",
+   "@davesnx/styled-ppx/css",
+   "@davesnx/styled-ppx/emotion"
  ]
}

What's Changed

Full Changelog: https://github.com/davesnx/styled-ppx/compare/v0.37.7...0.40.0

v0.36 - ReScript 10 and JSX4 in beta

Published on Fri Mar 31 2023

Features

  • Support JSX4 in ReScript
  • Support for ReScript v10
  • Relax ppxlib constraint

Fix and CSS Support

  • Remove all semi_colons conflicts (#328)
  • Warning on last expression of the sequence when needs to be static (#326)
  • Support more than two selectors by reducing stuff (#329)
  • Support for grid-column/row-gap
  • Support box/text-shadow: none

v0.33 Stability release

Published on Fri Jan 27 2023

Features

  • CSS: linear-gradient()
  • CSS: repeating-linear-gradient()
  • CSS: radial-gradient()
  • CSS: repeating-radial-gradient()
  • CSS: conic-gradient()
  • CSS: hsl/a now are able for interpolation

Fix

  • CSS: text-decoration-line
  • CSS/code-gen: animation-time/transition-time etc
  • CSS: fix min-height/min-width

Infra

  • Add support for consumption in opam
  • Removed reason-native packages (refmterr, rely)
  • Add Parser.Types to code generation
  • Update CI to latest actions

v0.30.3 Support Selectors Level 3 and new website

Published on Mon Aug 01 2022

v0.25 Make interpolation type-safe

Published on Fri Aug 27 2021

Features

This release includes a big change in how the parser treats interpolation, making it possible to have type holes in the CSS values, enabling type-safe variables at runtime with bs-css types.

Most single-value properties are supported and a few shorthands as well. We will enable as more as we found them useful. This will be documented under: https://styled-ppx.vercel.app/usage/interpolation

  • Add interpolation and enforce parser rules for shadow #226
  • Type-safe interpolation, for single-value properties and shorthand properties (margin, padding) #219

Fixes

v0.24 Support for interpolation

Published on Wed Aug 11 2021

  • Support for interpolation within values (at any position).
  • Added a solid syntax: $()
  • Pushed new documentation explaining the array API
  • Added CssJs.label for styled calls.
  • Rename css to cx, and keep cx

v0.20.1 Dynamic components

Published on Sat Jul 18 2020