Add all standard CSS properties to JsxDOMStyle

[stephanoskomnenos]

JsxDOMStyle lacks some properties that already in CSS standards (e.g. aspectRatio, scrollbarWidth).

The top half are from https://github.com/mdn/data/blob/main/css/properties.json and filtered by:

// ignore vendor properties
!key.startsWith("-")
// ignore non-standard properties
&& value.status === "standard"

The bottom half are those already in JsxDOMStyle but not in current CSS standards.

Here are the script to generate new record fields (https://github.com/stephanoskomnenos/rescript-cssprops/blob/main/scripts/generate.ts).

[stephanoskomnenos]

Another option is to define props by variant type.

  scrollbarWidth?: scrollbarWidth,

@unboxed
type scrollbarWidth =
  | @as("auto") Auto
  | @as("thin") Thin
  | @as("none") None
  | ...globals

I think just keep it as string and use extra packages (like styled-ppx) if needed.

[fhammerschmidt]

Nice work so far!

Yes strings are fine since you should use a CSS library anyway in most cases. However I don't really get all the @deprecateds. Some of them are just non-standard but those could be standard at some point right? So deprecating them might not be the accurate thing. I am not even sure if we should use the deprecate feature at all here, except if the features have really been removed from modern browsers.

Tagging @nojaf since he did some work on the new webapi which might need some alignment here.

[stephanoskomnenos]

Nice work so far!

Yes strings are fine since you should use a CSS library anyway in most cases. However I don't really get all the @deprecateds. Some of them are just non-standard but those could be standard at some point right? So deprecating them might not be the accurate thing. I am not even sure if we should use the deprecate feature at all here, except if the features have really been removed from modern browsers.

Tagging @nojaf since he did some work on the new webapi which might need some alignment here.

Some of those properties are in CSS 2.1 but removed in CSS 3 (like azimuth, clip). Some are included in WD/CR but removed in standard REC (like marquee-direction, overflow-style, rotation, nav-down). Some are in draft long time ago, but maybe obsolete now (like those in CSS Speech Module Level 1). Some are in draft (like text-decoration-skip), I didn't notice this part previously.

Those in draft should be kept. But I'm not sure how to do with the others?

[fhammerschmidt]

Well, let's stay as simple as possible: If MDN says it is deprecated, it should probably be deprecated, otherwise not.

[stephanoskomnenos]

I think just keep them. They are not on MDN.

[fhammerschmidt]

Looks good. Now please add an entry to the changelog and we are good to go.

[stephanoskomnenos]

Thanks for merging. Glad to contribute to Rescript.