@webstudio-is/sdk-components-react 0.83.0 → 0.85.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.
Files changed (72) hide show
  1. package/lib/cjs/components.js +0 -16
  2. package/lib/cjs/form.ws.js +1 -1
  3. package/lib/cjs/list.ws.js +1 -1
  4. package/lib/cjs/metas.js +0 -16
  5. package/lib/cjs/props.js +0 -16
  6. package/lib/components.js +0 -24
  7. package/lib/form.ws.js +1 -1
  8. package/lib/list.ws.js +1 -1
  9. package/lib/metas.js +0 -32
  10. package/lib/props.js +0 -32
  11. package/lib/types/components.d.ts +0 -3
  12. package/lib/types/metas.d.ts +0 -3
  13. package/lib/types/props.d.ts +0 -3
  14. package/lib/types/vimeo-preview-image.d.ts +3 -3
  15. package/package.json +8 -13
  16. package/src/components.ts +0 -11
  17. package/src/form.ws.tsx +1 -1
  18. package/src/list.ws.tsx +1 -1
  19. package/src/metas.ts +0 -21
  20. package/src/props.ts +0 -19
  21. package/lib/__generated__/radix-dialog.props.js +0 -2120
  22. package/lib/__generated__/radix-popover.props.js +0 -463
  23. package/lib/__generated__/radix-tooltip.props.js +0 -473
  24. package/lib/cjs/__generated__/radix-dialog.props.js +0 -2140
  25. package/lib/cjs/__generated__/radix-popover.props.js +0 -483
  26. package/lib/cjs/__generated__/radix-tooltip.props.js +0 -493
  27. package/lib/cjs/radix-dialog.js +0 -61
  28. package/lib/cjs/radix-dialog.ws.js +0 -300
  29. package/lib/cjs/radix-popover.js +0 -59
  30. package/lib/cjs/radix-popover.ws.js +0 -139
  31. package/lib/cjs/radix-tooltip.js +0 -51
  32. package/lib/cjs/radix-tooltip.ws.js +0 -140
  33. package/lib/cjs/theme/radix-common-types.js +0 -16
  34. package/lib/cjs/theme/tailwind-classes.js +0 -439
  35. package/lib/cjs/theme/tailwind-colors.js +0 -33
  36. package/lib/cjs/theme/tailwind-theme.js +0 -46
  37. package/lib/radix-dialog.js +0 -36
  38. package/lib/radix-dialog.ws.js +0 -279
  39. package/lib/radix-popover.js +0 -34
  40. package/lib/radix-popover.ws.js +0 -114
  41. package/lib/radix-tooltip.js +0 -26
  42. package/lib/radix-tooltip.ws.js +0 -115
  43. package/lib/theme/radix-common-types.js +0 -0
  44. package/lib/theme/tailwind-classes.js +0 -419
  45. package/lib/theme/tailwind-colors.js +0 -13
  46. package/lib/theme/tailwind-theme.js +0 -16
  47. package/lib/types/__generated__/radix-dialog.props.d.ts +0 -8
  48. package/lib/types/__generated__/radix-popover.props.d.ts +0 -4
  49. package/lib/types/__generated__/radix-tooltip.props.d.ts +0 -4
  50. package/lib/types/radix-dialog.d.ts +0 -26
  51. package/lib/types/radix-dialog.ws.d.ts +0 -23
  52. package/lib/types/radix-popover.d.ts +0 -22
  53. package/lib/types/radix-popover.ws.d.ts +0 -15
  54. package/lib/types/radix-tooltip.d.ts +0 -22
  55. package/lib/types/radix-tooltip.ws.d.ts +0 -15
  56. package/lib/types/theme/radix-common-types.d.ts +0 -84
  57. package/lib/types/theme/tailwind-classes.d.ts +0 -69
  58. package/lib/types/theme/tailwind-colors.d.ts +0 -19
  59. package/lib/types/theme/tailwind-theme.d.ts +0 -72
  60. package/src/__generated__/radix-dialog.props.ts +0 -2363
  61. package/src/__generated__/radix-popover.props.ts +0 -510
  62. package/src/__generated__/radix-tooltip.props.ts +0 -521
  63. package/src/radix-dialog.tsx +0 -91
  64. package/src/radix-dialog.ws.tsx +0 -291
  65. package/src/radix-popover.tsx +0 -89
  66. package/src/radix-popover.ws.tsx +0 -124
  67. package/src/radix-tooltip.tsx +0 -84
  68. package/src/radix-tooltip.ws.tsx +0 -125
  69. package/src/theme/radix-common-types.ts +0 -495
  70. package/src/theme/tailwind-classes.ts +0 -570
  71. package/src/theme/tailwind-colors.ts +0 -47
  72. package/src/theme/tailwind-theme.ts +0 -24
@@ -1,495 +0,0 @@
1
- // Source: "tailwindcss/types/generated/default-theme"
2
-
3
- import type { colors } from "./tailwind-colors";
4
-
5
- // Removed `Config['theme'] &`
6
- type DefaultTheme = {
7
- animation: Record<"none" | "spin" | "ping" | "pulse" | "bounce", string>;
8
- aria: Record<
9
- | "busy"
10
- | "checked"
11
- | "disabled"
12
- | "expanded"
13
- | "hidden"
14
- | "pressed"
15
- | "readonly"
16
- | "required"
17
- | "selected",
18
- string
19
- >;
20
- aspectRatio: Record<"auto" | "square" | "video", string>;
21
- backgroundImage: Record<
22
- | "none"
23
- | "gradient-to-t"
24
- | "gradient-to-tr"
25
- | "gradient-to-r"
26
- | "gradient-to-br"
27
- | "gradient-to-b"
28
- | "gradient-to-bl"
29
- | "gradient-to-l"
30
- | "gradient-to-tl",
31
- string
32
- >;
33
- backgroundPosition: Record<
34
- | "bottom"
35
- | "center"
36
- | "left"
37
- | "left-bottom"
38
- | "left-top"
39
- | "right"
40
- | "right-bottom"
41
- | "right-top"
42
- | "top",
43
- string
44
- >;
45
- backgroundSize: Record<"auto" | "cover" | "contain", string>;
46
- blur: Record<
47
- "0" | "none" | "sm" | "DEFAULT" | "md" | "lg" | "xl" | "2xl" | "3xl",
48
- string
49
- >;
50
- borderRadius: Record<
51
- "none" | "sm" | "DEFAULT" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full",
52
- string
53
- >;
54
- borderWidth: Record<"0" | "2" | "4" | "8" | "DEFAULT", string>;
55
- boxShadow: Record<
56
- "sm" | "DEFAULT" | "md" | "lg" | "xl" | "2xl" | "inner" | "none",
57
- string
58
- >;
59
- brightness: Record<
60
- | "0"
61
- | "50"
62
- | "75"
63
- | "90"
64
- | "95"
65
- | "100"
66
- | "105"
67
- | "110"
68
- | "125"
69
- | "150"
70
- | "200",
71
- string
72
- >;
73
- columns: Record<
74
- | "1"
75
- | "2"
76
- | "3"
77
- | "4"
78
- | "5"
79
- | "6"
80
- | "7"
81
- | "8"
82
- | "9"
83
- | "10"
84
- | "11"
85
- | "12"
86
- | "auto"
87
- | "3xs"
88
- | "2xs"
89
- | "xs"
90
- | "sm"
91
- | "md"
92
- | "lg"
93
- | "xl"
94
- | "2xl"
95
- | "3xl"
96
- | "4xl"
97
- | "5xl"
98
- | "6xl"
99
- | "7xl",
100
- string
101
- >;
102
- content: Record<"none", string>;
103
- contrast: Record<"0" | "50" | "75" | "100" | "125" | "150" | "200", string>;
104
- cursor: Record<
105
- | "auto"
106
- | "default"
107
- | "pointer"
108
- | "wait"
109
- | "text"
110
- | "move"
111
- | "help"
112
- | "not-allowed"
113
- | "none"
114
- | "context-menu"
115
- | "progress"
116
- | "cell"
117
- | "crosshair"
118
- | "vertical-text"
119
- | "alias"
120
- | "copy"
121
- | "no-drop"
122
- | "grab"
123
- | "grabbing"
124
- | "all-scroll"
125
- | "col-resize"
126
- | "row-resize"
127
- | "n-resize"
128
- | "e-resize"
129
- | "s-resize"
130
- | "w-resize"
131
- | "ne-resize"
132
- | "nw-resize"
133
- | "se-resize"
134
- | "sw-resize"
135
- | "ew-resize"
136
- | "ns-resize"
137
- | "nesw-resize"
138
- | "nwse-resize"
139
- | "zoom-in"
140
- | "zoom-out",
141
- string
142
- >;
143
- dropShadow: Record<
144
- "sm" | "DEFAULT" | "md" | "lg" | "xl" | "2xl" | "none",
145
- string | string[]
146
- >;
147
- flex: Record<"1" | "auto" | "initial" | "none", string>;
148
- flexGrow: Record<"0" | "DEFAULT", string>;
149
- flexShrink: Record<"0" | "DEFAULT", string>;
150
- fontFamily: Record<"sans" | "serif" | "mono", string[]>;
151
- fontSize: Record<
152
- | "xs"
153
- | "sm"
154
- | "base"
155
- | "lg"
156
- | "xl"
157
- | "2xl"
158
- | "3xl"
159
- | "4xl"
160
- | "5xl"
161
- | "6xl"
162
- | "7xl"
163
- | "8xl"
164
- | "9xl",
165
- [string, { lineHeight: string }]
166
- >;
167
- fontWeight: Record<
168
- | "thin"
169
- | "extralight"
170
- | "light"
171
- | "normal"
172
- | "medium"
173
- | "semibold"
174
- | "bold"
175
- | "extrabold"
176
- | "black",
177
- string
178
- >;
179
- gradientColorStopPositions: Record<
180
- | "0%"
181
- | "5%"
182
- | "10%"
183
- | "15%"
184
- | "20%"
185
- | "25%"
186
- | "30%"
187
- | "35%"
188
- | "40%"
189
- | "45%"
190
- | "50%"
191
- | "55%"
192
- | "60%"
193
- | "65%"
194
- | "70%"
195
- | "75%"
196
- | "80%"
197
- | "85%"
198
- | "90%"
199
- | "95%"
200
- | "100%",
201
- string
202
- >;
203
- grayscale: Record<"0" | "DEFAULT", string>;
204
- gridAutoColumns: Record<"auto" | "min" | "max" | "fr", string>;
205
- gridAutoRows: Record<"auto" | "min" | "max" | "fr", string>;
206
- gridColumn: Record<
207
- | "auto"
208
- | "span-1"
209
- | "span-2"
210
- | "span-3"
211
- | "span-4"
212
- | "span-5"
213
- | "span-6"
214
- | "span-7"
215
- | "span-8"
216
- | "span-9"
217
- | "span-10"
218
- | "span-11"
219
- | "span-12"
220
- | "span-full",
221
- string
222
- >;
223
- gridColumnEnd: Record<
224
- | "1"
225
- | "2"
226
- | "3"
227
- | "4"
228
- | "5"
229
- | "6"
230
- | "7"
231
- | "8"
232
- | "9"
233
- | "10"
234
- | "11"
235
- | "12"
236
- | "13"
237
- | "auto",
238
- string
239
- >;
240
- gridColumnStart: Record<
241
- | "1"
242
- | "2"
243
- | "3"
244
- | "4"
245
- | "5"
246
- | "6"
247
- | "7"
248
- | "8"
249
- | "9"
250
- | "10"
251
- | "11"
252
- | "12"
253
- | "13"
254
- | "auto",
255
- string
256
- >;
257
- gridRow: Record<
258
- | "auto"
259
- | "span-1"
260
- | "span-2"
261
- | "span-3"
262
- | "span-4"
263
- | "span-5"
264
- | "span-6"
265
- | "span-full",
266
- string
267
- >;
268
- gridRowEnd: Record<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "auto", string>;
269
- gridRowStart: Record<
270
- "1" | "2" | "3" | "4" | "5" | "6" | "7" | "auto",
271
- string
272
- >;
273
- gridTemplateColumns: Record<
274
- | "1"
275
- | "2"
276
- | "3"
277
- | "4"
278
- | "5"
279
- | "6"
280
- | "7"
281
- | "8"
282
- | "9"
283
- | "10"
284
- | "11"
285
- | "12"
286
- | "none",
287
- string
288
- >;
289
- gridTemplateRows: Record<"1" | "2" | "3" | "4" | "5" | "6" | "none", string>;
290
- hueRotate: Record<"0" | "15" | "30" | "60" | "90" | "180", string>;
291
- invert: Record<"0" | "DEFAULT", string>;
292
- letterSpacing: Record<
293
- "tighter" | "tight" | "normal" | "wide" | "wider" | "widest",
294
- string
295
- >;
296
- lineHeight: Record<
297
- | "3"
298
- | "4"
299
- | "5"
300
- | "6"
301
- | "7"
302
- | "8"
303
- | "9"
304
- | "10"
305
- | "none"
306
- | "tight"
307
- | "snug"
308
- | "normal"
309
- | "relaxed"
310
- | "loose",
311
- string
312
- >;
313
- listStyleType: Record<"none" | "disc" | "decimal", string>;
314
- listStyleImage: Record<"none", string>;
315
- lineClamp: Record<"1" | "2" | "3" | "4" | "5" | "6", string>;
316
- minHeight: Record<"0" | "full" | "screen" | "min" | "max" | "fit", string>;
317
- minWidth: Record<"0" | "full" | "min" | "max" | "fit", string>;
318
- objectPosition: Record<
319
- | "bottom"
320
- | "center"
321
- | "left"
322
- | "left-bottom"
323
- | "left-top"
324
- | "right"
325
- | "right-bottom"
326
- | "right-top"
327
- | "top",
328
- string
329
- >;
330
- opacity: Record<
331
- | "0"
332
- | "5"
333
- | "10"
334
- | "20"
335
- | "25"
336
- | "30"
337
- | "40"
338
- | "50"
339
- | "60"
340
- | "70"
341
- | "75"
342
- | "80"
343
- | "90"
344
- | "95"
345
- | "100",
346
- string
347
- >;
348
- order: Record<
349
- | "1"
350
- | "2"
351
- | "3"
352
- | "4"
353
- | "5"
354
- | "6"
355
- | "7"
356
- | "8"
357
- | "9"
358
- | "10"
359
- | "11"
360
- | "12"
361
- | "first"
362
- | "last"
363
- | "none",
364
- string
365
- >;
366
- outlineOffset: Record<"0" | "1" | "2" | "4" | "8", string>;
367
- outlineWidth: Record<"0" | "1" | "2" | "4" | "8", string>;
368
- ringOffsetWidth: Record<"0" | "1" | "2" | "4" | "8", string>;
369
- ringWidth: Record<"0" | "1" | "2" | "4" | "8" | "DEFAULT", string>;
370
- rotate: Record<
371
- "0" | "1" | "2" | "3" | "6" | "12" | "45" | "90" | "180",
372
- string
373
- >;
374
- saturate: Record<"0" | "50" | "100" | "150" | "200", string>;
375
- scale: Record<
376
- "0" | "50" | "75" | "90" | "95" | "100" | "105" | "110" | "125" | "150",
377
- string
378
- >;
379
- screens: Record<"sm" | "md" | "lg" | "xl" | "2xl", string>;
380
- sepia: Record<"0" | "DEFAULT", string>;
381
- skew: Record<"0" | "1" | "2" | "3" | "6" | "12", string>;
382
- spacing: Record<
383
- | "0"
384
- | "1"
385
- | "2"
386
- | "3"
387
- | "4"
388
- | "5"
389
- | "6"
390
- | "7"
391
- | "8"
392
- | "9"
393
- | "10"
394
- | "11"
395
- | "12"
396
- | "14"
397
- | "16"
398
- | "20"
399
- | "24"
400
- | "28"
401
- | "32"
402
- | "36"
403
- | "40"
404
- | "44"
405
- | "48"
406
- | "52"
407
- | "56"
408
- | "60"
409
- | "64"
410
- | "72"
411
- | "80"
412
- | "96"
413
- | "px"
414
- | "0.5"
415
- | "1.5"
416
- | "2.5"
417
- | "3.5",
418
- string
419
- >;
420
- strokeWidth: Record<"0" | "1" | "2", string>;
421
- textDecorationThickness: Record<
422
- "0" | "1" | "2" | "4" | "8" | "auto" | "from-font",
423
- string
424
- >;
425
- textUnderlineOffset: Record<"0" | "1" | "2" | "4" | "8" | "auto", string>;
426
- transformOrigin: Record<
427
- | "center"
428
- | "top"
429
- | "top-right"
430
- | "right"
431
- | "bottom-right"
432
- | "bottom"
433
- | "bottom-left"
434
- | "left"
435
- | "top-left",
436
- string
437
- >;
438
- transitionDelay: Record<
439
- "0" | "75" | "100" | "150" | "200" | "300" | "500" | "700" | "1000",
440
- string
441
- >;
442
- transitionDuration: Record<
443
- | "0"
444
- | "75"
445
- | "100"
446
- | "150"
447
- | "200"
448
- | "300"
449
- | "500"
450
- | "700"
451
- | "1000"
452
- | "DEFAULT",
453
- string
454
- >;
455
- transitionProperty: Record<
456
- "none" | "all" | "DEFAULT" | "colors" | "opacity" | "shadow" | "transform",
457
- string
458
- >;
459
- transitionTimingFunction: Record<
460
- "DEFAULT" | "linear" | "in" | "out" | "in-out",
461
- string
462
- >;
463
- willChange: Record<"auto" | "scroll" | "contents" | "transform", string>;
464
- zIndex: Record<"0" | "10" | "20" | "30" | "40" | "50" | "auto", string>;
465
- };
466
-
467
- export type EvaluatedDefaultTheme = DefaultTheme & {
468
- padding: DefaultTheme["spacing"];
469
- colors: typeof colors;
470
- width: DefaultTheme["spacing"] & Record<"full", string>;
471
- height: DefaultTheme["spacing"];
472
- margin: DefaultTheme["spacing"] & Record<"auto", string>;
473
- maxWidth: DefaultTheme["spacing"] &
474
- Record<
475
- | "none"
476
- | "0"
477
- | "xs"
478
- | "sm"
479
- | "md"
480
- | "lg"
481
- | "xl"
482
- | "2xl"
483
- | "3xl"
484
- | "4xl"
485
- | "5xl"
486
- | "6xl"
487
- | "7xl"
488
- | "full"
489
- | "min"
490
- | "max"
491
- | "fit"
492
- | "prose",
493
- string
494
- >;
495
- };