styled_jsx 18.0.0

AST transforms visitor for styled-jsx
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

import _JSXStyle from "styled-jsx/style";
export const Red = ({ Component = "button" })=>{
    return <Component className={_JSXStyle.dynamic([
        [
            "e1e8a6a283448e8c",
            [
                e1,
                e2,
                e3,
                e4,
                e5,
                e6,
                e7,
                e8,
                e9,
                e10,
                e11,
                e12,
                e13,
                e14,
                e15
            ]
        ]
    ])}>
      { /* Dynamic Styles */ }
      <_JSXStyle id={"e1e8a6a283448e8c"} dynamic={[
        e1,
        e2,
        e3,
        e4,
        e5,
        e6,
        e7,
        e8,
        e9,
        e10,
        e11,
        e12,
        e13,
        e14,
        e15
    ]}>{`.button.__jsx-style-dynamic-selector{--button-1:${e1};--button-2:${e2};--button-3:${e3};--button-4:${e4};--button-5:${e5};--button-6:${e6};--button-7:${e7};--button-8:${e8};--button-9:${e9};--button-10:${e10};--button-11:${e11};--button-12:${e12};--button-13:${e13};--button-14:${e14};--button-15:${e15}}`}</_JSXStyle>
    </Component>;
};