Releases

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

• Support CSS Selectors Level 3. Fixing https://github.com/davesnx/styled-ppx/issues/274 and https://github.com/davesnx/styled-ppx/issues/268
• Interpolation variables support (') https://github.com/davesnx/styled-ppx/issues/272
• Add type annotation to interpolated rules https://github.com/davesnx/styled-ppx/pull/285
• New rules for parsing keyframes. Now supports wrap in curly or not.
• Support complex at_media combinations (almost Media Queries Level 5)
• Treat prelude interpolation (in selectors/media) to be treated as string and respect whitespace.
• Push a new version of the documentation with all the goodies: Syntax highlight, fix the search box, fixed dark theme.
• Added a bunch of documentation sections: CSS Support, FAQ, Guides
• Polished most pages from the "Reference"

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

• Add a unit as last argument #228 (Fixes https://github.com/davesnx/styled-ppx/issues/142)
• Shadowing makeProps by dynamic user props #227 (Fixes https://github.com/davesnx/styled-ppx/issues/143)
• Remove restriction for html tags #224 (Fixes https://github.com/davesnx/styled-ppx/issues/222)
• Add alias for type_ #225 (Fixes https://github.com/davesnx/styled-ppx/issues/221)

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

v0.20 All React props

Published on Tue May 26 2020

v0.19

Published on Tue May 26 2020