react-free-style

Changed

• Forward refs to styled component automatically

Added

• Support styled(type, style) signature for component, e.g. Button = styled('button', { color: 'red' })

Changed

• Use React hooks for creating styles
• Use React context for rendering CSS

Fixed

• style-helper needs to be a dependency

Note: This was a user error. I accidentally did npm i -D which moved it to devDependencies, but npm i -S didn't move it back to a regular dependency. I should have verified it worked as expected before releasing 7.0.1.

Added

• Specify peer dependency on react

Fixed

• Updated README documentation

Changed

• Back to a merged style sheet by using insertRule and deleteRule at runtime
• HOC styles and Style have moved to the wrapped component (e.g. withStyles(Component).Style) since the styles will now use the component name as part of the class name (greater usefulness when debugging where a style comes from)

Changed

• wrap and styled now accept a withFreeStyle boolean argument to get an inline free-style instance
• <style /> element runtime changes - now using multiple <style /> elements per active free-style instance

Fixed

• Enable componentWillUpdate fixes for hot code reloading
• Correct order of unmount and unmerge styles when unmounting a component

Changed

• Support rules using tuples

Fixed

• Forgot to pass options into registerStyleSheet - tested properly now

Changed

• Update registerStyleSheet to support functions and options (from style-helper)
• Merge props.styles when using the styled() component
• Remove the directly exported create() component - shouldn't be needed directly (use styled() or wrap()) but is still available as FreeStyle.create()

Added

• Use style sheet properties as displayName for easier debugging

Fixed

• Expose componentWillUpdate to detect changes to Style and mount new styles

Changed

• This was documented as styled().Style but it was exposed as styled()(Component).Style - the functionality has been fixed to match the documentation as that seems like the most logical use-case (access it when you need imperative access to free-style, which means you need the results before Component is defined)

Changed

• Allow the styleSheet argument for styled to be undefined

Added

• Add displayName properties to stateless components
• Expose registerStyleSheet helper used in styled

Added

• Expose a styled(styles)(component) helper in the style of redux and apollo

Changed

• Bumped the minor version of free-style

Changed

• No more StyleElement to render in DOM, automatically appends to document.head instead
• Implement rewind() and peek() exported methods modelled from https://github.com/nfl/react-helmet (used for server-side rendering only)

P.S. If you were doing something cool with the multiple <style /> elements, please let me know!

Fixed

• Pass this.props instead of input to child component as HOC