@nozbe/zacs
Advanced tools
Changelog
2.1.1 (2023-08-28)
Bug fixes
aspectRatio: <number>
no longer incorrectly transpiles to <number>px
in CSSaspectRatio: <number>
is no longer a Flow errorChangelog
2.1.0 (2023-06-07)
New features
zacs:style
on all elements'.foo, .bar': {}
CSS-only stylesetsborder: [1, 'red']
shorthandweb/native: {}
scopes inside zacs:style={}
attribute. Note that this only works if an object literal is passed. You can transform any such style object with zacs._experimental_resolve({ ... })
<zacs.view />
and <zacs.text />
anonymous ZACS elements...mixin
syntax in stylesheets instead of _mixin: mixin
Performance
StyleSheet.create()
is now stripped in production (it doesn't really do anything in modern RN){experimentalStripEmpty: true}
setting - if set, stylesets that are empty won't be emitted at allBug fixes
zacs.styled('UppercaseBuiltin')
, e.g. 'RCTText'
require('react-native')
insertionszacs.styled({ web: ..., native: zacs.text })
-ms-
-prefixed CSS propertiesOther
keepDeclarations
option is removed. Now, declarations are always kept in dev mode (to aid debuggability and to fix React Refresh by default), and always stripped in production mode.__zacs_original_name
debug attribute is now placed at the beginning of output elementsclassName={}
is now consistently placed before style={}
Changelog
2.0.0 (2023-02-20)
zacs.stylesheet({})
zacs.styled()
now returns correctly typed React component in most cases