@webstudio-is/react-sdk 0.173.0 → 0.175.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.
@@ -1,381 +0,0 @@
1
- // src/css/presets.ts
2
- var borderWidth = [
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
- var borderStyle = (value) => [
27
- {
28
- property: "borderTopStyle",
29
- value: { type: "keyword", value }
30
- },
31
- {
32
- property: "borderRightStyle",
33
- value: { type: "keyword", value }
34
- },
35
- {
36
- property: "borderBottomStyle",
37
- value: { type: "keyword", value }
38
- },
39
- {
40
- property: "borderLeftStyle",
41
- value: { type: "keyword", value }
42
- }
43
- ];
44
-
45
- // src/css/normalize.ts
46
- var boxSizing = {
47
- property: "boxSizing",
48
- value: { type: "keyword", value: "border-box" }
49
- };
50
- var baseStyle = [boxSizing, ...borderWidth, ...outline];
51
- var div = baseStyle;
52
- var address = baseStyle;
53
- var article = baseStyle;
54
- var aside = baseStyle;
55
- var figure = baseStyle;
56
- var footer = baseStyle;
57
- var header = baseStyle;
58
- var main = baseStyle;
59
- var nav = baseStyle;
60
- var section = baseStyle;
61
- var form = baseStyle;
62
- var label = baseStyle;
63
- var time = baseStyle;
64
- var h1 = baseStyle;
65
- var h2 = baseStyle;
66
- var h3 = baseStyle;
67
- var h4 = baseStyle;
68
- var h5 = baseStyle;
69
- var h6 = baseStyle;
70
- var i = baseStyle;
71
- var img = baseStyle;
72
- var a = baseStyle;
73
- var li = baseStyle;
74
- var ul = baseStyle;
75
- var ol = baseStyle;
76
- var p = baseStyle;
77
- var span = baseStyle;
78
- var html = [
79
- /* 1 */
80
- {
81
- property: "lineHeight",
82
- value: { type: "unit", value: 1.15, unit: "number" }
83
- },
84
- /* 2 */
85
- {
86
- property: "textSizeAdjust",
87
- value: { type: "unit", value: 100, unit: "%" }
88
- },
89
- /* 3 */
90
- {
91
- property: "tabSize",
92
- value: { type: "unit", value: 4, unit: "number" }
93
- },
94
- boxSizing,
95
- ...borderWidth
96
- ];
97
- var body = [
98
- /* 1 */
99
- {
100
- property: "marginTop",
101
- value: { type: "unit", value: 0, unit: "number" }
102
- },
103
- {
104
- property: "marginRight",
105
- value: { type: "unit", value: 0, unit: "number" }
106
- },
107
- {
108
- property: "marginBottom",
109
- value: { type: "unit", value: 0, unit: "number" }
110
- },
111
- {
112
- property: "marginLeft",
113
- value: { type: "unit", value: 0, unit: "number" }
114
- },
115
- /* 2 */
116
- {
117
- property: "fontFamily",
118
- value: {
119
- type: "keyword",
120
- value: "Arial, Roboto, sans-serif"
121
- }
122
- },
123
- {
124
- property: "fontSize",
125
- value: { type: "unit", unit: "px", value: 16 }
126
- },
127
- {
128
- property: "lineHeight",
129
- value: { type: "unit", unit: "number", value: 1.2 }
130
- },
131
- boxSizing,
132
- ...borderWidth
133
- ];
134
- var hr = [
135
- /* 1 */
136
- {
137
- property: "height",
138
- value: { type: "unit", value: 0, unit: "number" }
139
- },
140
- /* 2 */
141
- {
142
- property: "color",
143
- value: { type: "keyword", value: "inherit" }
144
- },
145
- boxSizing,
146
- ...borderWidth
147
- ];
148
- var b = [
149
- {
150
- property: "fontWeight",
151
- value: { type: "keyword", value: "700" }
152
- },
153
- boxSizing,
154
- ...borderWidth
155
- ];
156
- var strong = b;
157
- var code = [
158
- /* 1 */
159
- {
160
- property: "fontFamily",
161
- value: {
162
- type: "keyword",
163
- value: `ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace`
164
- }
165
- },
166
- /* 2 */
167
- {
168
- property: "fontSize",
169
- value: { type: "unit", value: 1, unit: "em" }
170
- },
171
- boxSizing,
172
- ...borderWidth
173
- ];
174
- var kbd = code;
175
- var samp = code;
176
- var pre = code;
177
- var small = [
178
- {
179
- property: "fontSize",
180
- value: { type: "unit", value: 80, unit: "%" }
181
- },
182
- boxSizing,
183
- ...borderWidth
184
- ];
185
- var subSupBase = [
186
- {
187
- property: "fontSize",
188
- value: { type: "unit", value: 75, unit: "%" }
189
- },
190
- {
191
- property: "lineHeight",
192
- value: { type: "unit", value: 0, unit: "number" }
193
- },
194
- {
195
- property: "position",
196
- value: { type: "keyword", value: "relative" }
197
- },
198
- {
199
- property: "verticalAlign",
200
- value: { type: "keyword", value: "baseline" }
201
- },
202
- boxSizing,
203
- ...borderWidth
204
- ];
205
- var sub = [
206
- ...subSupBase,
207
- {
208
- property: "bottom",
209
- value: { type: "unit", value: -0.25, unit: "em" }
210
- }
211
- ];
212
- var sup = [
213
- ...subSupBase,
214
- {
215
- property: "top",
216
- value: { type: "unit", value: -0.5, unit: "em" }
217
- }
218
- ];
219
- var table = [
220
- /* 1 */
221
- {
222
- property: "textIndent",
223
- value: { type: "unit", value: 0, unit: "number" }
224
- },
225
- ...borderWidth,
226
- /* 2 */
227
- {
228
- property: "borderTopColor",
229
- value: { type: "keyword", value: "inherit" }
230
- },
231
- {
232
- property: "borderRightColor",
233
- value: { type: "keyword", value: "inherit" }
234
- },
235
- {
236
- property: "borderBottomColor",
237
- value: { type: "keyword", value: "inherit" }
238
- },
239
- {
240
- property: "borderLeftColor",
241
- value: { type: "keyword", value: "inherit" }
242
- },
243
- boxSizing
244
- ];
245
- var buttonBase = [
246
- /* 1 */
247
- {
248
- property: "fontFamily",
249
- value: { type: "keyword", value: "inherit" }
250
- },
251
- {
252
- property: "fontSize",
253
- value: { type: "unit", value: 100, unit: "%" }
254
- },
255
- {
256
- property: "lineHeight",
257
- value: { type: "unit", value: 1.15, unit: "number" }
258
- },
259
- /* 2 */
260
- {
261
- property: "marginTop",
262
- value: { type: "unit", value: 0, unit: "number" }
263
- },
264
- {
265
- property: "marginRight",
266
- value: { type: "unit", value: 0, unit: "number" }
267
- },
268
- {
269
- property: "marginBottom",
270
- value: { type: "unit", value: 0, unit: "number" }
271
- },
272
- {
273
- property: "marginLeft",
274
- value: { type: "unit", value: 0, unit: "number" }
275
- },
276
- boxSizing,
277
- ...borderWidth
278
- ];
279
- var input = [...buttonBase, ...borderStyle("solid")];
280
- var textarea = input;
281
- var optgroup = buttonBase;
282
- var radio = [...buttonBase, ...borderStyle("none")];
283
- var checkbox = [...buttonBase, ...borderStyle("none")];
284
- var button = [
285
- ...buttonBase,
286
- // Button uses border style outset by default, wich we don't support in style panel.
287
- ...borderStyle("solid"),
288
- {
289
- property: "textTransform",
290
- value: { type: "keyword", value: "none" }
291
- }
292
- ];
293
- var select = button;
294
- var legend = [
295
- {
296
- property: "paddingTop",
297
- value: { type: "unit", value: 0, unit: "number" }
298
- },
299
- {
300
- property: "paddingRight",
301
- value: { type: "unit", value: 0, unit: "number" }
302
- },
303
- {
304
- property: "paddingBottom",
305
- value: { type: "unit", value: 0, unit: "number" }
306
- },
307
- {
308
- property: "paddingLeft",
309
- value: { type: "unit", value: 0, unit: "number" }
310
- },
311
- boxSizing,
312
- ...borderWidth
313
- ];
314
- var progress = [
315
- {
316
- property: "verticalAlign",
317
- value: { type: "keyword", value: "baseline" }
318
- },
319
- boxSizing,
320
- ...borderWidth
321
- ];
322
- var summary = [
323
- {
324
- property: "display",
325
- value: { type: "keyword", value: "list-item" }
326
- },
327
- boxSizing,
328
- ...borderWidth
329
- ];
330
- export {
331
- a,
332
- address,
333
- article,
334
- aside,
335
- b,
336
- body,
337
- button,
338
- checkbox,
339
- code,
340
- div,
341
- figure,
342
- footer,
343
- form,
344
- h1,
345
- h2,
346
- h3,
347
- h4,
348
- h5,
349
- h6,
350
- header,
351
- hr,
352
- html,
353
- i,
354
- img,
355
- input,
356
- kbd,
357
- label,
358
- legend,
359
- li,
360
- main,
361
- nav,
362
- ol,
363
- optgroup,
364
- p,
365
- pre,
366
- progress,
367
- radio,
368
- samp,
369
- section,
370
- select,
371
- small,
372
- span,
373
- strong,
374
- sub,
375
- summary,
376
- sup,
377
- table,
378
- textarea,
379
- time,
380
- ul
381
- };
@@ -1 +0,0 @@
1
- export {};