@webstudio-is/react-sdk 0.95.0 → 0.97.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/css/normalize.js +127 -53
- package/lib/index.js +1850 -32
- package/lib/types/component-renderer.d.ts +3 -1
- package/lib/types/context.d.ts +2 -0
- package/lib/types/index.d.ts +0 -1
- package/lib/types/tree/create-elements-tree.d.ts +3 -1
- package/lib/types/tree/root.d.ts +3 -1
- package/package.json +7 -7
- package/lib/app/index.js +0 -2
- package/lib/app/root.js +0 -18
- package/lib/component-renderer.js +0 -130
- package/lib/components/component-meta.js +0 -62
- package/lib/components/components-utils.js +0 -2
- package/lib/context.js +0 -21
- package/lib/css/css.js +0 -59
- package/lib/css/global-rules.js +0 -15
- package/lib/css/index.js +0 -4
- package/lib/css/normalize-type-check.js +0 -4
- package/lib/css/presets.js +0 -25
- package/lib/css/style-rules.js +0 -63
- package/lib/css/style-rules.test.js +0 -149
- package/lib/embed-template.js +0 -341
- package/lib/embed-template.test.js +0 -648
- package/lib/expression.js +0 -330
- package/lib/expression.test.js +0 -281
- package/lib/generator.js +0 -112
- package/lib/generator.test.js +0 -166
- package/lib/hook.js +0 -12
- package/lib/hook.test.js +0 -15
- package/lib/instance-utils.js +0 -43
- package/lib/instance-utils.test.js +0 -65
- package/lib/prop-meta.js +0 -150
- package/lib/props.js +0 -176
- package/lib/props.test.js +0 -159
- package/lib/pubsub/create.js +0 -56
- package/lib/pubsub/index.js +0 -2
- package/lib/pubsub/raf-queue.js +0 -20
- package/lib/tree/create-elements-tree.js +0 -134
- package/lib/tree/index.js +0 -4
- package/lib/tree/root.js +0 -85
- package/lib/tree/webstudio-component.js +0 -61
- package/lib/types/pubsub/create.d.ts +0 -28
- package/lib/types/pubsub/index.d.ts +0 -1
- package/lib/types/pubsub/raf-queue.d.ts +0 -1
package/lib/css/normalize.js
CHANGED
|
@@ -1,37 +1,62 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
// src/css/presets.ts
|
|
2
|
+
var borders = [
|
|
3
|
+
{
|
|
4
|
+
property: "borderTopWidth",
|
|
5
|
+
value: { type: "unit", value: 1, unit: "px" }
|
|
6
|
+
},
|
|
7
|
+
{
|
|
8
|
+
property: "borderRightWidth",
|
|
9
|
+
value: { type: "unit", value: 1, unit: "px" }
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
property: "borderBottomWidth",
|
|
13
|
+
value: { type: "unit", value: 1, unit: "px" }
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
property: "borderLeftWidth",
|
|
17
|
+
value: { type: "unit", value: 1, unit: "px" }
|
|
18
|
+
}
|
|
19
|
+
];
|
|
20
|
+
var outline = [
|
|
21
|
+
{
|
|
22
|
+
property: "outlineWidth",
|
|
23
|
+
value: { type: "unit", value: 1, unit: "px" }
|
|
24
|
+
}
|
|
25
|
+
];
|
|
26
|
+
|
|
27
|
+
// src/css/normalize.ts
|
|
28
|
+
var boxSizing = {
|
|
4
29
|
property: "boxSizing",
|
|
5
30
|
value: { type: "keyword", value: "border-box" }
|
|
6
31
|
};
|
|
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
|
-
|
|
32
|
+
var baseStyle = [boxSizing, ...borders, ...outline];
|
|
33
|
+
var div = baseStyle;
|
|
34
|
+
var address = baseStyle;
|
|
35
|
+
var article = baseStyle;
|
|
36
|
+
var aside = baseStyle;
|
|
37
|
+
var figure = baseStyle;
|
|
38
|
+
var footer = baseStyle;
|
|
39
|
+
var header = baseStyle;
|
|
40
|
+
var main = baseStyle;
|
|
41
|
+
var nav = baseStyle;
|
|
42
|
+
var section = baseStyle;
|
|
43
|
+
var form = baseStyle;
|
|
44
|
+
var label = baseStyle;
|
|
45
|
+
var h1 = baseStyle;
|
|
46
|
+
var h2 = baseStyle;
|
|
47
|
+
var h3 = baseStyle;
|
|
48
|
+
var h4 = baseStyle;
|
|
49
|
+
var h5 = baseStyle;
|
|
50
|
+
var h6 = baseStyle;
|
|
51
|
+
var i = baseStyle;
|
|
52
|
+
var img = baseStyle;
|
|
53
|
+
var a = baseStyle;
|
|
54
|
+
var li = baseStyle;
|
|
55
|
+
var ul = baseStyle;
|
|
56
|
+
var ol = baseStyle;
|
|
57
|
+
var p = baseStyle;
|
|
58
|
+
var span = baseStyle;
|
|
59
|
+
var html = [
|
|
35
60
|
/* 1 */
|
|
36
61
|
{
|
|
37
62
|
property: "lineHeight",
|
|
@@ -50,7 +75,7 @@ export const html = [
|
|
|
50
75
|
boxSizing,
|
|
51
76
|
...borders
|
|
52
77
|
];
|
|
53
|
-
|
|
78
|
+
var body = [
|
|
54
79
|
/* 1 */
|
|
55
80
|
{
|
|
56
81
|
property: "marginTop",
|
|
@@ -87,7 +112,7 @@ export const body = [
|
|
|
87
112
|
boxSizing,
|
|
88
113
|
...borders
|
|
89
114
|
];
|
|
90
|
-
|
|
115
|
+
var hr = [
|
|
91
116
|
/* 1 */
|
|
92
117
|
{
|
|
93
118
|
property: "height",
|
|
@@ -101,7 +126,7 @@ export const hr = [
|
|
|
101
126
|
boxSizing,
|
|
102
127
|
...borders
|
|
103
128
|
];
|
|
104
|
-
|
|
129
|
+
var b = [
|
|
105
130
|
{
|
|
106
131
|
property: "fontWeight",
|
|
107
132
|
value: { type: "keyword", value: "700" }
|
|
@@ -109,8 +134,8 @@ export const b = [
|
|
|
109
134
|
boxSizing,
|
|
110
135
|
...borders
|
|
111
136
|
];
|
|
112
|
-
|
|
113
|
-
|
|
137
|
+
var strong = b;
|
|
138
|
+
var code = [
|
|
114
139
|
/* 1 */
|
|
115
140
|
{
|
|
116
141
|
property: "fontFamily",
|
|
@@ -127,10 +152,10 @@ export const code = [
|
|
|
127
152
|
boxSizing,
|
|
128
153
|
...borders
|
|
129
154
|
];
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
155
|
+
var kbd = code;
|
|
156
|
+
var samp = code;
|
|
157
|
+
var pre = code;
|
|
158
|
+
var small = [
|
|
134
159
|
{
|
|
135
160
|
property: "fontSize",
|
|
136
161
|
value: { type: "unit", value: 80, unit: "%" }
|
|
@@ -138,7 +163,7 @@ export const small = [
|
|
|
138
163
|
boxSizing,
|
|
139
164
|
...borders
|
|
140
165
|
];
|
|
141
|
-
|
|
166
|
+
var subSupBase = [
|
|
142
167
|
{
|
|
143
168
|
property: "fontSize",
|
|
144
169
|
value: { type: "unit", value: 75, unit: "%" }
|
|
@@ -158,21 +183,21 @@ const subSupBase = [
|
|
|
158
183
|
boxSizing,
|
|
159
184
|
...borders
|
|
160
185
|
];
|
|
161
|
-
|
|
186
|
+
var sub = [
|
|
162
187
|
...subSupBase,
|
|
163
188
|
{
|
|
164
189
|
property: "bottom",
|
|
165
190
|
value: { type: "unit", value: -0.25, unit: "em" }
|
|
166
191
|
}
|
|
167
192
|
];
|
|
168
|
-
|
|
193
|
+
var sup = [
|
|
169
194
|
...subSupBase,
|
|
170
195
|
{
|
|
171
196
|
property: "top",
|
|
172
197
|
value: { type: "unit", value: -0.5, unit: "em" }
|
|
173
198
|
}
|
|
174
199
|
];
|
|
175
|
-
|
|
200
|
+
var table = [
|
|
176
201
|
/* 1 */
|
|
177
202
|
{
|
|
178
203
|
property: "textIndent",
|
|
@@ -198,7 +223,7 @@ export const table = [
|
|
|
198
223
|
},
|
|
199
224
|
boxSizing
|
|
200
225
|
];
|
|
201
|
-
|
|
226
|
+
var buttonBase = [
|
|
202
227
|
/* 1 */
|
|
203
228
|
{
|
|
204
229
|
property: "fontFamily",
|
|
@@ -232,18 +257,18 @@ const buttonBase = [
|
|
|
232
257
|
boxSizing,
|
|
233
258
|
...borders
|
|
234
259
|
];
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
260
|
+
var input = buttonBase;
|
|
261
|
+
var optgroup = buttonBase;
|
|
262
|
+
var textarea = buttonBase;
|
|
263
|
+
var button = [
|
|
239
264
|
...buttonBase,
|
|
240
265
|
{
|
|
241
266
|
property: "textTransform",
|
|
242
267
|
value: { type: "keyword", value: "none" }
|
|
243
268
|
}
|
|
244
269
|
];
|
|
245
|
-
|
|
246
|
-
|
|
270
|
+
var select = button;
|
|
271
|
+
var legend = [
|
|
247
272
|
{
|
|
248
273
|
property: "paddingTop",
|
|
249
274
|
value: { type: "unit", value: 0, unit: "number" }
|
|
@@ -263,7 +288,7 @@ export const legend = [
|
|
|
263
288
|
boxSizing,
|
|
264
289
|
...borders
|
|
265
290
|
];
|
|
266
|
-
|
|
291
|
+
var progress = [
|
|
267
292
|
{
|
|
268
293
|
property: "verticalAlign",
|
|
269
294
|
value: { type: "keyword", value: "baseline" }
|
|
@@ -271,7 +296,7 @@ export const progress = [
|
|
|
271
296
|
boxSizing,
|
|
272
297
|
...borders
|
|
273
298
|
];
|
|
274
|
-
|
|
299
|
+
var summary = [
|
|
275
300
|
{
|
|
276
301
|
property: "display",
|
|
277
302
|
value: { type: "keyword", value: "list-item" }
|
|
@@ -279,3 +304,52 @@ export const summary = [
|
|
|
279
304
|
boxSizing,
|
|
280
305
|
...borders
|
|
281
306
|
];
|
|
307
|
+
export {
|
|
308
|
+
a,
|
|
309
|
+
address,
|
|
310
|
+
article,
|
|
311
|
+
aside,
|
|
312
|
+
b,
|
|
313
|
+
body,
|
|
314
|
+
button,
|
|
315
|
+
code,
|
|
316
|
+
div,
|
|
317
|
+
figure,
|
|
318
|
+
footer,
|
|
319
|
+
form,
|
|
320
|
+
h1,
|
|
321
|
+
h2,
|
|
322
|
+
h3,
|
|
323
|
+
h4,
|
|
324
|
+
h5,
|
|
325
|
+
h6,
|
|
326
|
+
header,
|
|
327
|
+
hr,
|
|
328
|
+
html,
|
|
329
|
+
i,
|
|
330
|
+
img,
|
|
331
|
+
input,
|
|
332
|
+
kbd,
|
|
333
|
+
label,
|
|
334
|
+
legend,
|
|
335
|
+
li,
|
|
336
|
+
main,
|
|
337
|
+
nav,
|
|
338
|
+
ol,
|
|
339
|
+
optgroup,
|
|
340
|
+
p,
|
|
341
|
+
pre,
|
|
342
|
+
progress,
|
|
343
|
+
samp,
|
|
344
|
+
section,
|
|
345
|
+
select,
|
|
346
|
+
small,
|
|
347
|
+
span,
|
|
348
|
+
strong,
|
|
349
|
+
sub,
|
|
350
|
+
summary,
|
|
351
|
+
sup,
|
|
352
|
+
table,
|
|
353
|
+
textarea,
|
|
354
|
+
ul
|
|
355
|
+
};
|