Skip to content

Releases: davesnx/styled-ppx

0.59.1

23 Jul 18:39
21b4a4b
Compare
Choose a tag to compare

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

0.56.0

0.59.0

18 Jul 10:43
2fd57cd
Compare
Choose a tag to compare

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

0.56.0

0.57.1

04 Jul 14:11
69e9e0b
Compare
Choose a tag to compare

CHANGES:

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

0.57.0

27 Jun 18:19
4b80cb6
Compare
Choose a tag to compare

CHANGES

0.57.0

Documentation

CSS Parser and generator

Native

Runtime

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

Misc


New contributors:

@ManasJayanth, @pedrobslisboa and @feihong.

Thanks!

v0.56.0

17 Apr 12:24
c38b804
Compare
Choose a tag to compare

CHANGES:

0.56.0

v0.54.1

18 Mar 18:15
2b69b67
Compare
Choose a tag to compare

What's Changed

New Contributors

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

13 Mar 11:15
81967b7
Compare
Choose a tag to compare

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

13 Sep 00:40
61e02bf
Compare
Choose a tag to compare

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

31 Mar 12:06
Compare
Choose a tag to compare

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

27 Jan 17:34
1116643
Compare
Choose a tag to compare

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