styled_jsx 11.0.0

AST transforms visitor for styled-jsx
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import _JSXStyle from "styled-jsx/style";
const attrs = {
    id: "test"
};
const Test1 = ()=><div className={"jsx-a9535d7d5f32c3c4"}>
    <span {...attrs} data-test="test" className={"jsx-a9535d7d5f32c3c4" + " " + (attrs && attrs.className != null && attrs.className || "")}>
      test
    </span>
    <Component/>
    <_JSXStyle id={"a9535d7d5f32c3c4"}>{"span.jsx-a9535d7d5f32c3c4{color:red}"}</_JSXStyle>
  </div>;
const Test2 = ()=><span>test</span>;
const Test3 = ()=><div className={"jsx-a9535d7d5f32c3c4"}>
    <span className={"jsx-a9535d7d5f32c3c4"}>test</span>
    <_JSXStyle id={"a9535d7d5f32c3c4"}>{"span.jsx-a9535d7d5f32c3c4{color:red}"}</_JSXStyle>
  </div>;
export default class {
    render() {
        return <div className={"jsx-b2b86d63f35d25ee"}>
        <p className={"jsx-b2b86d63f35d25ee"}>test</p>
        <_JSXStyle id={"b2b86d63f35d25ee"}>{"p.jsx-b2b86d63f35d25ee{color:red}"}</_JSXStyle>
      </div>;
    }
}