styled_jsx 1.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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

import _JSXStyle from "styled-jsx/style";
export default (()=>{
    const Element = "div";
    return <div className={"jsx-abb4c2202db1a207"}>
      <div {...test.test} className={"jsx-abb4c2202db1a207" + " " + (test.test && test.test.className != null && test.test.className || "test")}/>
      <div {...test.test.test} className={"jsx-abb4c2202db1a207" + " " + (test.test.test && test.test.test.className != null && test.test.test.className || "test")}/>
      <div {...this.test.test} className={"jsx-abb4c2202db1a207" + " " + (this.test.test && this.test.test.className != null && this.test.test.className || "test")}/>
      <div data-test="test" className={"jsx-abb4c2202db1a207"}/>
      <div className={"jsx-abb4c2202db1a207" + " " + "test"}/>
      <div className={"jsx-abb4c2202db1a207" + " " + `test`}/>
      <div className={"jsx-abb4c2202db1a207" + " " + `test${true ? " test2" : ""}`}/>
      <div className={"jsx-abb4c2202db1a207" + " " + ("test " + test || "")}/>
      <div className={"jsx-abb4c2202db1a207" + " " + ([
        "test",
        "test2"
    ].join(" ") || "")}/>
      <div className={"jsx-abb4c2202db1a207" + " " + (true && "test" || "")}/>
      <div className={"jsx-abb4c2202db1a207" + " " + ((test ? "test" : null) || "")}/>
      <div className={"jsx-abb4c2202db1a207" + " " + (test || "")}/>
      <div className={"jsx-abb4c2202db1a207" + " " + (test && "test" || "")}/>
      <div className={"jsx-abb4c2202db1a207" + " " + (test && test("test") || "")}/>
      <div className={"jsx-abb4c2202db1a207" + " " + (undefined || "")}/>
      <div className={"jsx-abb4c2202db1a207" + " " + (null || "")}/>
      <div className={"jsx-abb4c2202db1a207" + " " + (false || "")}/>
      <div data-test className={"jsx-abb4c2202db1a207" + " " + "test"}/>
      <div data-test className={"jsx-abb4c2202db1a207" + " " + "test"}/>
      <div data-test="test" className={"jsx-abb4c2202db1a207" + " " + "test"}/>
      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || "test")}/>
      <div {...props} {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || props && props.className != null && props.className || "test")}/>
      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || `test ${test ? "test" : ""}`)}/>
      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || test && test("test") || "")}/>
      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || test && test("test") && "test" || "")}/>
      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || test && test("test") && test2("test") || "")}/>
      <div {...props} className={"jsx-abb4c2202db1a207" + " " + "test"}/>
      <div {...props} {...rest} className={"jsx-abb4c2202db1a207" + " " + "test"}/>
      <div {...props} {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || "test")}/>
      <div {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || "")}/>
      <div {...props} {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || props && props.className != null && props.className || "")}/>
      <div {...props} data-foo {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || props && props.className != null && props.className || "")}/>
      <div {...props} data-foo {...rest} className={"jsx-abb4c2202db1a207" + " " + (rest && rest.className != null && rest.className || "test")}/>
      <div {...{
        id: "foo"
    }} className={"jsx-abb4c2202db1a207"}/>
      <div className={"jsx-abb4c2202db1a207" + " " + "foo"}/>
      <div {...{
        className: "foo"
    }} className={"jsx-abb4c2202db1a207" + " " + "test"}/>
      <div className="test" className={"jsx-abb4c2202db1a207" + " " + "foo"}/>
      <div {...bar} className={"jsx-abb4c2202db1a207" + " " + (bar && bar.className != null && bar.className || "foo")}/>
      <div {...{
        className: "foo"
    }} {...bar} className={"jsx-abb4c2202db1a207" + " " + "test"}/>
      <div className="test" {...bar} className={"jsx-abb4c2202db1a207" + " " + (bar && bar.className != null && bar.className || "foo")}/>
      <div className="test" className={"jsx-abb4c2202db1a207" + " " + (props.className || "")}/>
      <div className="test" {...bar} className={"jsx-abb4c2202db1a207" + " " + (bar && bar.className != null && bar.className || props.className || "")}/>
      <div className="test" {...bar} className={"jsx-abb4c2202db1a207" + " " + (props.className || "")}/>
      <div {...bar()} className={"jsx-abb4c2202db1a207" + " " + "test"}/>
      <Element className={"jsx-abb4c2202db1a207"}/>
      <Element className={"jsx-abb4c2202db1a207" + " " + "test"}/>
      <Element {...props} className={"jsx-abb4c2202db1a207" + " " + (props && props.className != null && props.className || "")}/>
      <_JSXStyle id={"abb4c2202db1a207"}>{"div.jsx-abb4c2202db1a207{color:red}"}</_JSXStyle>
    </div>;
});