0.59.0

CHANGES:

0.59.0

• [BREAKING] Change entry point module CSS (from CssJs) on styled-ppx.melange, styled-ppx.native and styled-ppx.rescript (#490) (@davesnx)
• [FEATURE] Add support and interpolation for zoom, will-change and user-select properties (#489) (@davesnx)
• [FEATURE] Support content with interpolation #494 (@davesnx)
• [FEATURE] Support define CSS variables in global and use CSS variables in properties #492 (@davesnx)
• [FEATURE] Support overflow with 2 values
• [FEATURE] Make animation-name abstract (@davesnx)
• [FIX] Add 100 unsupported properties, which will render properly (#489) (@davesnx)
• [FIX] Inline all CSS.Var and CSS.Cascading in properties (#495) (@davesnx)
• [FIX] Color with support for rgba/hsla and others with calc/min and max (#495) (@davesnx)
• [FIX] Warning of kebab-case on emotion client side (#493) (@davesnx)

0.58.1

• [BREAKING] FontFamilyName.t is now a string (@davesnx)
• [FIX] Make unsafe calls from "Cascading" be camelCase to avoid emotion's warning #488 (@davesnx)
• [FIX] Keep classname when ampersand is at the end of the selector (@davesnx)
• [FIX] Fix fontFace in both melange and native (@davesnx)

0.58.0

• [FEATURE] Initial @container support #476 (@zakybilfagih)
• [FIX] Make selector nested maintain other selectors #486 (@davesnx)
• [BREAKING] Remove Css module, styled_label and friends #487 (@davesnx)
• [BREAKING] Merge styled-ppx.css and styled-ppx.emotion into styled-ppx.melange #487 (@davesnx)
• [BREAKING] Merge styled-ppx.css-native and styled-ppx.emotion-native into styled-ppx.native #487 (@davesnx)
• [BREAKING] Merge styled-ppx.css-native and styled-ppx.emotion-native into styled-ppx.native #487 (@davesnx)
• [BREAKING] Remove PseudoClass and PseudoClassParam #487 (@davesnx)
• Remove functor from Css_Js_Core #487 (@davesnx)
• Remove melange.js and melange.belt from styled-ppx.melange #487 (@davesnx)
• Remove server-reason-react.js and server-reason-react.belt from styled-ppx.native #487 (@davesnx)

0.57.1

• Remove public_name from alcotest_extra #484 (@davesnx)
• Fix nesting for selectors (and pseudo) in native #483 (@davesnx)

0.57.0

• Improvement for locations in both code-gen and error reporting by @davesnx in #456
• Support css min and max functions by @lubegasimon in #411
• Update docs by @zakybilfagih in #457
• update server-reason-react pin to main branch by @zakybilfagih in #460
• Native support for styled.{{tag}} by @zakybilfagih in #461
• Fix linear-gradient and radial-gradient by @davesnx in #464
• Add getting started docs by @zakybilfagih in #459
• escape curly on remote markdown content by @zakybilfagih in #466
• Add Melange and native instructions by @davesnx in #465
• Global styles for native server on emotion by @pedrobslisboa in #468
• Style HTML tag by @pedrobslisboa in #467
• [emotion native] Fix nested pseudoelements by @davesnx in #470
• Transform with variable handle unsafe interpolation by @zakybilfagih in #471
• Add depext for @emotion/css >= 11.0.0 by @feihong in #473
• Add support for transition by @zakybilfagih in #472
• Fix animation codegen by @zakybilfagih in #475
• Fix error line number coming from parser by @zakybilfagih in #478
• Polish emotion-native by @davesnx in #481
• Rename render_style_tag to get_stylesheet (@davesnx)
• Docs: Explain show server rendered stylesheets work natively by @ManasJayanth in #480

0.56.0

• Improvement for locations in both code-gen and error reporting (#456) by @davesnx
• Support css min and max functions (#411) by @lubegasimon
• Update docs (#457) by @zakybilfagih
• Native support for styled.{{tag}} (#461) by @zakybilfagih
• background-clip: text support by @davesnx
• Fix linear-gradient and radial-gradient (#464) by @davesnx
• Rename emotion-hash into murmur2 and remove public testing cli by @davesnx
• Use server-reason-react from opam by @davesnx

0.57.1

CHANGES:

• Remove public_name from alcotest_extra #484 (@davesnx)
• Fix nesting for selectors (and pseudo) in native #483 (@davesnx)

0.57.0

CHANGES

0.57.0

Documentation

• Explain show server rendered stylesheets work natively by @ManasJayanth in #480
• Update docs by @zakybilfagih in #457
• Add Melange and native instructions by @davesnx in #465
• Add getting started docs by @zakybilfagih in #459
• escape curly on remote markdown content by @zakybilfagih in #466

CSS Parser and generator

• Support css min and max functions by @lubegasimon in #411
• Improvement for locations in both code-gen and error reporting (#456) by @davesnx
• Fix linear-gradient and radial-gradient by @davesnx in #464
• Fix error line number coming from parser by @zakybilfagih in #478
• Fix animation codegen by @zakybilfagih in #475
• Add support for transition by @zakybilfagih in #472
• Transform with variable handle unsafe interpolation by @zakybilfagih in #471
• background-clip: text support by @davesnx
• Fix linear-gradient and radial-gradient (#464) by @davesnx

Native

• update server-reason-react pin to main branch by @zakybilfagih in #460
• Native support for styled.{{tag}} by @zakybilfagih in #461
• Global styles for native server on emotion by @pedrobslisboa in #468
• Style HTML tag by @pedrobslisboa in #467
• [emotion native] Fix nested pseudoelements by @davesnx in #470
• Polish emotion-native by @davesnx in #481

Runtime

• Rename render_style_tag to get_stylesheet (@davesnx)
• Rename emotion-hash into murmur2 and remove public testing cli by @davesnx

Misc

• Add depext for @emotion/css >= 11.0.0 by @feihong in #473

---

New contributors:

@ManasJayanth, @pedrobslisboa and @feihong.

Thanks!

v0.56.0

CHANGES:

0.56.0

• Improvement for locations in both code-gen and error reporting (#456) by @davesnx
• Support css min and max functions (#411) by @lubegasimon
• Update docs (#457) by @zakybilfagih
• Native support for styled.{{tag}} (#461) by @zakybilfagih
• background-clip: text support by @davesnx
• Fix linear-gradient and radial-gradient (#464) by @davesnx
• Rename emotion-hash into murmur2 and remove public testing cli by @davesnx
• Use server-reason-react from opam by @davesnx

v0.54.1

What's Changed

• Fix media query regression by @lubegasimon in #446
• Fix handling comments by @zakybilfagih in #445
• Support filter by @davesnx in #449
• Fix closing bracket in drop-shadow property when we stringify Color by @denis-ok in #450
• Support relative selector list for :has pseudo class by @zakybilfagih in #451
• add support for tab-size property by @lubegasimon in #388
• Add justify-self support by @rusty-key in #453
• Migrate css-support to cram tests by @davesnx in #454

New Contributors

• @denis-ok made their first contribution in #450

Full Changelog: 0.54.0...v0.54.1

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

What's Changed

• Support for more global values by @lubegasimon in #389
• Support more css props (imageRendering and borderImageSource) by @lubegasimon in #405
• color-mix function by @lubegasimon in #408
• support for media-queries5 by @lubegasimon in #424
• Support melange 3 from opam (by @jchavarri) by @davesnx in #423
• Allow a prop as to change the tag at runtime by @zakybilfagih in #436
• Fix attribute selector attribute name by @zakybilfagih in #439
• Support grid-template-columns by @davesnx in #440
  • Fix rendering test_* while printing help on make
  • Split ppx_snapshot_tests in ReScript (ppx_snapshot_rescript_test) and Reason (ppx_snapshot_reason_test)
  • Add e2e tests between the ppx and the library (ensuring type-safety between them)
  • Support grid-template-columns as safe code-generation
  • Added max-height: auto
  • Supported interpolation in overflow, overflow-inline
  • Support overflowBlock (with interpolation)
• Render more than one global selector on %styled.global by @zakybilfagih in #437
• Cleanup Css_lexer from #372 by @davesnx in #444

Full Changelog: v0.53.1...0.54

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

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

• Embed bs-emotion under let%label by @davesnx in #341
• Fixing a bunch of issues with parsing by @davesnx in #345
• Remove logger reporter and refactor parsing to have result by @davesnx in #347
• Migrate to opam by @davesnx in #350
• Embed bs-css and bs-css-emotion by @davesnx in #349
• Add vertical-align and interpolation safe by @davesnx in #351
• Embed bs-css and bs-css-emotion as packages by @davesnx in #352
• Create js/native with copy_files under styled-ppx.css/bs-css by @davesnx in #353

Full Changelog: v0.37.7...0.40.0

v0.36 - ReScript 10 and JSX4 in beta

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

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

• Support CSS Selectors Level 3. Fixing #274 and #268
• Interpolation variables support (') #272
• Add type annotation to interpolated rules #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"