feat(core): add web only filter, backdrop, mix-blend-mode

[ehxxn]

add the following props support ( web only )
filter
backdropFilter
mixMlendMode

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
site	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 12, 2024 10:59am
studio	🔄 Building (Inspect)	Visit Preview		May 12, 2024 10:59am

[natew]

we need to update the docs for these too in styles.mdx. if we're updating these, we should be more thorough and catalog which are important and at least plausibly likely to be implemented by react native add a few more.

[ehxxn]

we need to update the docs for these too in styles.mdx. if we're updating these, we should be more thorough and catalog which are important and at least plausibly likely to be implemented by react native add a few more.

we can also have these in react-native, there is a library for that. but for now we can skip it

[natew]

We should make this pr comprehensive and add all the style props we think we want for v2 basically.

Some candidates:

• mask
• maskImage
• textEmphasis
• borderImage
• aspectRatio

Etc, probably at least 20 more are desirably at least.

We should reference here: react-native-community/discussions-and-proposals#496

See "CSS Compatibility" (objectFit, verticalAlign).

I want to have one release where we deprecate all the old stuff from here and add the new stuff react-native-community/discussions-and-proposals#496

Some deprecations (jsdoc can tell people what the new value is):

• selectable => userSelect
• focusable => tabIndex

[ehxxn]

@natew Added 38 more style props
I think it's better to have a separate PR to make current Apis compatible with web and deprecate old ones.
and keep this PR just adding new web styles

[natew]

are these supported on native?

[ehxxn]

yeah, they are mapped to native alternatives.
like paddingInline to paddingHorizontal