poly_styled_jsx 0.6.1

AST transforms 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
25
26
27
28
29
30
31
32

import _JSXStyle from "next/dist/shared/lib/styled-jsx";
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>;
    }
};