UNPKG

glamorous

Version:

React component styling solved

github.com/paypal/glamorous

paypal/glamorous

160 lines (153 loc) • 7.88 kB
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
import {SVGProperties} from './svg-properties' import {CSSProperties} from './css-properties' import {BuiltInGlamorousComponentFactory} from './component-factory' export type HTMLGlamorousComponentFactory< HTMLElement > = BuiltInGlamorousComponentFactory< React.HTMLProps<HTMLElement>, CSSProperties > export type SVGGlamorousComponentFactory< SVGElement > = BuiltInGlamorousComponentFactory< React.SVGAttributes<SVGElement>, SVGProperties > export interface HTMLComponentFactory { a: HTMLGlamorousComponentFactory<HTMLAnchorElement> abbr: HTMLGlamorousComponentFactory<HTMLElement> address: HTMLGlamorousComponentFactory<HTMLElement> area: HTMLGlamorousComponentFactory<HTMLAreaElement> article: HTMLGlamorousComponentFactory<HTMLElement> aside: HTMLGlamorousComponentFactory<HTMLElement> audio: HTMLGlamorousComponentFactory<HTMLAudioElement> b: HTMLGlamorousComponentFactory<HTMLElement> base: HTMLGlamorousComponentFactory<HTMLBaseElement> bdi: HTMLGlamorousComponentFactory<HTMLElement> bdo: HTMLGlamorousComponentFactory<HTMLElement> big: HTMLGlamorousComponentFactory<HTMLElement> blockquote: HTMLGlamorousComponentFactory<HTMLElement> body: HTMLGlamorousComponentFactory<HTMLBodyElement> br: HTMLGlamorousComponentFactory<HTMLBRElement> button: HTMLGlamorousComponentFactory<HTMLButtonElement> canvas: HTMLGlamorousComponentFactory<HTMLCanvasElement> caption: HTMLGlamorousComponentFactory<HTMLElement> cite: HTMLGlamorousComponentFactory<HTMLElement> code: HTMLGlamorousComponentFactory<HTMLElement> col: HTMLGlamorousComponentFactory<HTMLTableColElement> colgroup: HTMLGlamorousComponentFactory<HTMLTableColElement> data: HTMLGlamorousComponentFactory<HTMLElement> datalist: HTMLGlamorousComponentFactory<HTMLDataListElement> dd: HTMLGlamorousComponentFactory<HTMLElement> del: HTMLGlamorousComponentFactory<HTMLElement> details: HTMLGlamorousComponentFactory<HTMLElement> dfn: HTMLGlamorousComponentFactory<HTMLElement> dialog: HTMLGlamorousComponentFactory<HTMLElement> div: HTMLGlamorousComponentFactory<HTMLDivElement> dl: HTMLGlamorousComponentFactory<HTMLDListElement> dt: HTMLGlamorousComponentFactory<HTMLElement> em: HTMLGlamorousComponentFactory<HTMLElement> embed: HTMLGlamorousComponentFactory<HTMLEmbedElement> fieldset: HTMLGlamorousComponentFactory<HTMLFieldSetElement> figcaption: HTMLGlamorousComponentFactory<HTMLElement> figure: HTMLGlamorousComponentFactory<HTMLElement> footer: HTMLGlamorousComponentFactory<HTMLElement> form: HTMLGlamorousComponentFactory<HTMLFormElement> h1: HTMLGlamorousComponentFactory<HTMLHeadingElement> h2: HTMLGlamorousComponentFactory<HTMLHeadingElement> h3: HTMLGlamorousComponentFactory<HTMLHeadingElement> h4: HTMLGlamorousComponentFactory<HTMLHeadingElement> h5: HTMLGlamorousComponentFactory<HTMLHeadingElement> h6: HTMLGlamorousComponentFactory<HTMLHeadingElement> head: HTMLGlamorousComponentFactory<HTMLHeadElement> header: HTMLGlamorousComponentFactory<HTMLElement> hgroup: HTMLGlamorousComponentFactory<HTMLElement> hr: HTMLGlamorousComponentFactory<HTMLHRElement> html: HTMLGlamorousComponentFactory<HTMLHtmlElement> i: HTMLGlamorousComponentFactory<HTMLElement> iframe: HTMLGlamorousComponentFactory<HTMLIFrameElement> img: HTMLGlamorousComponentFactory<HTMLImageElement> input: HTMLGlamorousComponentFactory<HTMLInputElement> ins: HTMLGlamorousComponentFactory<HTMLModElement> kbd: HTMLGlamorousComponentFactory<HTMLElement> keygen: HTMLGlamorousComponentFactory<HTMLElement> label: HTMLGlamorousComponentFactory<HTMLLabelElement> legend: HTMLGlamorousComponentFactory<HTMLLegendElement> li: HTMLGlamorousComponentFactory<HTMLLIElement> link: HTMLGlamorousComponentFactory<HTMLLinkElement> main: HTMLGlamorousComponentFactory<HTMLElement> map: HTMLGlamorousComponentFactory<HTMLMapElement> mark: HTMLGlamorousComponentFactory<HTMLElement> menu: HTMLGlamorousComponentFactory<HTMLElement> menuitem: HTMLGlamorousComponentFactory<HTMLElement> meta: HTMLGlamorousComponentFactory<HTMLMetaElement> meter: HTMLGlamorousComponentFactory<HTMLElement> nav: HTMLGlamorousComponentFactory<HTMLElement> noscript: HTMLGlamorousComponentFactory<HTMLElement> object: HTMLGlamorousComponentFactory<HTMLObjectElement> ol: HTMLGlamorousComponentFactory<HTMLOListElement> optgroup: HTMLGlamorousComponentFactory<HTMLOptGroupElement> option: HTMLGlamorousComponentFactory<HTMLOptionElement> output: HTMLGlamorousComponentFactory<HTMLElement> p: HTMLGlamorousComponentFactory<HTMLParagraphElement> param: HTMLGlamorousComponentFactory<HTMLParamElement> picture: HTMLGlamorousComponentFactory<HTMLElement> pre: HTMLGlamorousComponentFactory<HTMLPreElement> progress: HTMLGlamorousComponentFactory<HTMLProgressElement> q: HTMLGlamorousComponentFactory<HTMLQuoteElement> rp: HTMLGlamorousComponentFactory<HTMLElement> rt: HTMLGlamorousComponentFactory<HTMLElement> ruby: HTMLGlamorousComponentFactory<HTMLElement> s: HTMLGlamorousComponentFactory<HTMLElement> samp: HTMLGlamorousComponentFactory<HTMLElement> script: HTMLGlamorousComponentFactory<HTMLElement> section: HTMLGlamorousComponentFactory<HTMLElement> select: HTMLGlamorousComponentFactory<HTMLSelectElement> small: HTMLGlamorousComponentFactory<HTMLElement> source: HTMLGlamorousComponentFactory<HTMLSourceElement> span: HTMLGlamorousComponentFactory<HTMLSpanElement> strong: HTMLGlamorousComponentFactory<HTMLElement> style: HTMLGlamorousComponentFactory<HTMLStyleElement> sub: HTMLGlamorousComponentFactory<HTMLElement> summary: HTMLGlamorousComponentFactory<HTMLElement> sup: HTMLGlamorousComponentFactory<HTMLElement> table: HTMLGlamorousComponentFactory<HTMLTableElement> tbody: HTMLGlamorousComponentFactory<HTMLTableSectionElement> td: HTMLGlamorousComponentFactory<HTMLTableDataCellElement> textarea: HTMLGlamorousComponentFactory<HTMLTextAreaElement> tfoot: HTMLGlamorousComponentFactory<HTMLTableSectionElement> th: HTMLGlamorousComponentFactory<HTMLTableHeaderCellElement> thead: HTMLGlamorousComponentFactory<HTMLTableSectionElement> time: HTMLGlamorousComponentFactory<HTMLElement> title: HTMLGlamorousComponentFactory<HTMLTitleElement> tr: HTMLGlamorousComponentFactory<HTMLTableRowElement> track: HTMLGlamorousComponentFactory<HTMLTrackElement> u: HTMLGlamorousComponentFactory<HTMLElement> ul: HTMLGlamorousComponentFactory<HTMLUListElement> var: HTMLGlamorousComponentFactory<HTMLElement> video: HTMLGlamorousComponentFactory<HTMLVideoElement> wbr: HTMLGlamorousComponentFactory<HTMLElement> } export type HTMLKey = keyof HTMLComponentFactory export interface SVGComponentFactory { circle: SVGGlamorousComponentFactory<SVGCircleElement> clipPath: SVGGlamorousComponentFactory<SVGClipPathElement> defs: SVGGlamorousComponentFactory<SVGDefsElement> ellipse: SVGGlamorousComponentFactory<SVGEllipseElement> g: SVGGlamorousComponentFactory<SVGGElement> image: SVGGlamorousComponentFactory<SVGImageElement> line: SVGGlamorousComponentFactory<SVGLineElement> linearGradient: SVGGlamorousComponentFactory<SVGLinearGradientElement> mask: SVGGlamorousComponentFactory<SVGMaskElement> path: SVGGlamorousComponentFactory<SVGPathElement> pattern: SVGGlamorousComponentFactory<SVGPatternElement> polygon: SVGGlamorousComponentFactory<SVGPolygonElement> polyline: SVGGlamorousComponentFactory<SVGPolylineElement> radialGradient: SVGGlamorousComponentFactory<SVGRadialGradientElement> rect: SVGGlamorousComponentFactory<SVGRectElement> stop: SVGGlamorousComponentFactory<SVGStopElement> svg: SVGGlamorousComponentFactory<SVGSVGElement> text: SVGGlamorousComponentFactory<SVGTextElement> tspan: SVGGlamorousComponentFactory<SVGTSpanElement> } export type SVGKey = keyof SVGComponentFactory