@webstudio-is/sdk-components-react 0.81.0 → 0.83.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 (172) hide show
  1. package/LICENSE +661 -21
  2. package/lib/__generated__/blockquote.props.js +30 -5
  3. package/lib/__generated__/body.props.js +30 -5
  4. package/lib/__generated__/bold.props.js +30 -5
  5. package/lib/__generated__/box.props.js +30 -5
  6. package/lib/__generated__/button.props.js +30 -5
  7. package/lib/__generated__/checkbox.props.js +31 -6
  8. package/lib/__generated__/code-text.props.js +30 -5
  9. package/lib/__generated__/form.props.js +30 -5
  10. package/lib/__generated__/heading.props.js +30 -5
  11. package/lib/__generated__/image.props.js +31 -5
  12. package/lib/__generated__/input.props.js +30 -5
  13. package/lib/__generated__/italic.props.js +30 -5
  14. package/lib/__generated__/label.props.js +30 -5
  15. package/lib/__generated__/link.props.js +30 -5
  16. package/lib/__generated__/list-item.props.js +30 -5
  17. package/lib/__generated__/list.props.js +30 -5
  18. package/lib/__generated__/paragraph.props.js +30 -5
  19. package/lib/__generated__/radio-button.props.js +31 -6
  20. package/lib/__generated__/radix-dialog.props.js +2120 -0
  21. package/lib/__generated__/{link-block.props.js → radix-popover.props.js} +151 -114
  22. package/lib/__generated__/radix-tooltip.props.js +473 -0
  23. package/lib/__generated__/rich-text-link.props.js +30 -5
  24. package/lib/__generated__/separator.props.js +30 -5
  25. package/lib/__generated__/span.props.js +30 -5
  26. package/lib/__generated__/subscript.props.js +30 -5
  27. package/lib/__generated__/superscript.props.js +30 -5
  28. package/lib/__generated__/text.props.js +30 -5
  29. package/lib/__generated__/textarea.props.js +30 -5
  30. package/lib/__generated__/vimeo-play-button.props.js +30 -5
  31. package/lib/__generated__/vimeo-preview-image.props.js +30 -5
  32. package/lib/__generated__/vimeo-spinner.props.js +30 -5
  33. package/lib/__generated__/vimeo.props.js +30 -5
  34. package/lib/body.ws.js +11 -1
  35. package/lib/cjs/__generated__/blockquote.props.js +30 -5
  36. package/lib/cjs/__generated__/body.props.js +30 -5
  37. package/lib/cjs/__generated__/bold.props.js +30 -5
  38. package/lib/cjs/__generated__/box.props.js +30 -5
  39. package/lib/cjs/__generated__/button.props.js +30 -5
  40. package/lib/cjs/__generated__/checkbox.props.js +31 -6
  41. package/lib/cjs/__generated__/code-text.props.js +30 -5
  42. package/lib/cjs/__generated__/form.props.js +30 -5
  43. package/lib/cjs/__generated__/heading.props.js +30 -5
  44. package/lib/cjs/__generated__/image.props.js +31 -5
  45. package/lib/cjs/__generated__/input.props.js +30 -5
  46. package/lib/cjs/__generated__/italic.props.js +30 -5
  47. package/lib/cjs/__generated__/label.props.js +30 -5
  48. package/lib/cjs/__generated__/link.props.js +30 -5
  49. package/lib/cjs/__generated__/list-item.props.js +30 -5
  50. package/lib/cjs/__generated__/list.props.js +30 -5
  51. package/lib/cjs/__generated__/paragraph.props.js +30 -5
  52. package/lib/cjs/__generated__/radio-button.props.js +31 -6
  53. package/lib/cjs/__generated__/radix-dialog.props.js +2140 -0
  54. package/lib/cjs/__generated__/{link-block.props.js → radix-popover.props.js} +154 -117
  55. package/lib/cjs/__generated__/radix-tooltip.props.js +493 -0
  56. package/lib/cjs/__generated__/rich-text-link.props.js +30 -5
  57. package/lib/cjs/__generated__/separator.props.js +30 -5
  58. package/lib/cjs/__generated__/span.props.js +30 -5
  59. package/lib/cjs/__generated__/subscript.props.js +30 -5
  60. package/lib/cjs/__generated__/superscript.props.js +30 -5
  61. package/lib/cjs/__generated__/text.props.js +30 -5
  62. package/lib/cjs/__generated__/textarea.props.js +30 -5
  63. package/lib/cjs/__generated__/vimeo-play-button.props.js +30 -5
  64. package/lib/cjs/__generated__/vimeo-preview-image.props.js +30 -5
  65. package/lib/cjs/__generated__/vimeo-spinner.props.js +30 -5
  66. package/lib/cjs/__generated__/vimeo.props.js +30 -5
  67. package/lib/cjs/body.ws.js +11 -1
  68. package/lib/cjs/components.js +16 -0
  69. package/lib/cjs/image.js +12 -2
  70. package/lib/cjs/label.ws.js +1 -1
  71. package/lib/cjs/metas.js +16 -0
  72. package/lib/cjs/props.js +16 -0
  73. package/lib/cjs/radix-dialog.js +61 -0
  74. package/lib/cjs/radix-dialog.ws.js +300 -0
  75. package/lib/cjs/radix-popover.js +59 -0
  76. package/lib/cjs/radix-popover.ws.js +139 -0
  77. package/lib/cjs/radix-tooltip.js +51 -0
  78. package/lib/cjs/radix-tooltip.ws.js +140 -0
  79. package/lib/cjs/theme/radix-common-types.js +16 -0
  80. package/lib/cjs/theme/tailwind-classes.js +439 -0
  81. package/lib/cjs/theme/tailwind-colors.js +33 -0
  82. package/lib/cjs/theme/tailwind-theme.js +46 -0
  83. package/lib/cjs/vimeo-play-button.ws.js +1 -0
  84. package/lib/cjs/vimeo-preview-image.ws.js +1 -0
  85. package/lib/cjs/vimeo.ws.js +1 -0
  86. package/lib/components.js +24 -0
  87. package/lib/image.js +12 -2
  88. package/lib/label.ws.js +2 -2
  89. package/lib/metas.js +32 -0
  90. package/lib/props.js +32 -0
  91. package/lib/radix-dialog.js +36 -0
  92. package/lib/radix-dialog.ws.js +279 -0
  93. package/lib/radix-popover.js +34 -0
  94. package/lib/radix-popover.ws.js +114 -0
  95. package/lib/radix-tooltip.js +26 -0
  96. package/lib/radix-tooltip.ws.js +115 -0
  97. package/lib/theme/radix-common-types.js +0 -0
  98. package/lib/theme/tailwind-classes.js +419 -0
  99. package/lib/theme/tailwind-colors.js +13 -0
  100. package/lib/theme/tailwind-theme.js +16 -0
  101. package/lib/types/__generated__/radix-dialog.props.d.ts +8 -0
  102. package/lib/types/__generated__/radix-popover.props.d.ts +4 -0
  103. package/lib/types/__generated__/radix-tooltip.props.d.ts +4 -0
  104. package/lib/types/components.d.ts +3 -0
  105. package/lib/types/metas.d.ts +3 -0
  106. package/lib/types/props.d.ts +3 -0
  107. package/lib/types/radix-dialog.d.ts +26 -0
  108. package/lib/types/radix-dialog.ws.d.ts +23 -0
  109. package/lib/types/radix-popover.d.ts +22 -0
  110. package/lib/types/radix-popover.ws.d.ts +15 -0
  111. package/lib/types/radix-tooltip.d.ts +22 -0
  112. package/lib/types/radix-tooltip.ws.d.ts +15 -0
  113. package/lib/types/theme/radix-common-types.d.ts +84 -0
  114. package/lib/types/theme/tailwind-classes.d.ts +69 -0
  115. package/lib/types/theme/tailwind-colors.d.ts +19 -0
  116. package/lib/types/theme/tailwind-theme.d.ts +72 -0
  117. package/lib/types/vimeo-preview-image.d.ts +6 -1
  118. package/lib/vimeo-play-button.ws.js +1 -0
  119. package/lib/vimeo-preview-image.js +1 -1
  120. package/lib/vimeo-preview-image.ws.js +2 -0
  121. package/lib/vimeo.ws.js +1 -0
  122. package/package.json +18 -13
  123. package/src/LICENSE +661 -21
  124. package/src/__generated__/blockquote.props.ts +34 -5
  125. package/src/__generated__/body.props.ts +34 -5
  126. package/src/__generated__/bold.props.ts +34 -5
  127. package/src/__generated__/box.props.ts +34 -5
  128. package/src/__generated__/button.props.ts +34 -5
  129. package/src/__generated__/checkbox.props.ts +35 -6
  130. package/src/__generated__/code-text.props.ts +34 -5
  131. package/src/__generated__/form.props.ts +34 -5
  132. package/src/__generated__/heading.props.ts +34 -5
  133. package/src/__generated__/image.props.ts +35 -5
  134. package/src/__generated__/input.props.ts +34 -5
  135. package/src/__generated__/italic.props.ts +34 -5
  136. package/src/__generated__/label.props.ts +34 -5
  137. package/src/__generated__/link.props.ts +34 -5
  138. package/src/__generated__/list-item.props.ts +34 -5
  139. package/src/__generated__/list.props.ts +34 -5
  140. package/src/__generated__/paragraph.props.ts +34 -5
  141. package/src/__generated__/radio-button.props.ts +35 -6
  142. package/src/__generated__/radix-dialog.props.ts +2363 -0
  143. package/src/__generated__/{link-block.props.ts → radix-popover.props.ts} +153 -114
  144. package/src/__generated__/radix-tooltip.props.ts +521 -0
  145. package/src/__generated__/rich-text-link.props.ts +34 -5
  146. package/src/__generated__/separator.props.ts +34 -5
  147. package/src/__generated__/span.props.ts +34 -5
  148. package/src/__generated__/subscript.props.ts +34 -5
  149. package/src/__generated__/superscript.props.ts +34 -5
  150. package/src/__generated__/text.props.ts +34 -5
  151. package/src/__generated__/textarea.props.ts +34 -5
  152. package/src/__generated__/vimeo-play-button.props.ts +34 -5
  153. package/src/__generated__/vimeo-preview-image.props.ts +34 -5
  154. package/src/__generated__/vimeo-spinner.props.ts +34 -5
  155. package/src/__generated__/vimeo.props.ts +34 -5
  156. package/src/body.ws.tsx +11 -1
  157. package/src/components.ts +11 -0
  158. package/src/image.tsx +9 -2
  159. package/src/label.ws.tsx +2 -2
  160. package/src/metas.ts +21 -0
  161. package/src/props.ts +19 -0
  162. package/src/radix-dialog.tsx +91 -0
  163. package/src/radix-dialog.ws.tsx +291 -0
  164. package/src/radix-popover.tsx +89 -0
  165. package/src/radix-popover.ws.tsx +124 -0
  166. package/src/radix-tooltip.tsx +84 -0
  167. package/src/radix-tooltip.ws.tsx +125 -0
  168. package/src/theme/radix-common-types.ts +495 -0
  169. package/src/theme/tailwind-classes.ts +570 -0
  170. package/src/theme/tailwind-colors.ts +47 -0
  171. package/src/theme/tailwind-theme.ts +24 -0
  172. package/lib/types/__generated__/link-block.props.d.ts +0 -2
package/lib/__generated__/{link-block.props.js → radix-popover.props.js} RENAMED
@@ -1,119 +1,26 @@
1
- const props = {
2
- slot: { required: false, control: "text", type: "string" },
3
- style: { required: false, control: "text", type: "string" },
4
- title: { required: false, control: "text", type: "string" },
5
- target: {
6
- required: false,
7
- control: "select",
8
- type: "string",
9
- options: ["_self", "_blank", "_parent", "_top"]
10
- },
11
- download: { required: false, control: "text", type: "string" },
12
- href: { required: false, control: "text", type: "string" },
13
- hrefLang: { required: false, control: "text", type: "string" },
14
- media: { required: false, control: "text", type: "string" },
15
- ping: { required: false, control: "text", type: "string" },
16
- type: { required: false, control: "text", type: "string" },
17
- referrerPolicy: {
18
- required: false,
19
- control: "select",
20
- type: "string",
21
- options: [
22
- "",
23
- "no-referrer",
24
- "no-referrer-when-downgrade",
25
- "origin",
26
- "origin-when-cross-origin",
27
- "same-origin",
28
- "strict-origin",
29
- "strict-origin-when-cross-origin",
30
- "unsafe-url"
31
- ]
32
- },
33
- defaultChecked: { required: false, control: "boolean", type: "boolean" },
34
- defaultValue: { required: false, control: "text", type: "string" },
35
- suppressContentEditableWarning: {
36
- required: false,
37
- control: "boolean",
38
- type: "boolean"
39
- },
40
- suppressHydrationWarning: {
41
- required: false,
42
- control: "boolean",
43
- type: "boolean"
44
- },
45
- accessKey: { required: false, control: "text", type: "string" },
46
- autoFocus: { required: false, control: "boolean", type: "boolean" },
47
- className: { required: false, control: "text", type: "string" },
48
- contentEditable: { required: false, control: "text", type: "string" },
49
- contextMenu: { required: false, control: "text", type: "string" },
50
- dir: { required: false, control: "text", type: "string" },
51
- draggable: { required: false, control: "boolean", type: "boolean" },
52
- hidden: { required: false, control: "boolean", type: "boolean" },
53
- id: { required: false, control: "text", type: "string" },
54
- lang: { required: false, control: "text", type: "string" },
55
- nonce: { required: false, control: "text", type: "string" },
56
- placeholder: { required: false, control: "text", type: "string" },
57
- spellCheck: { required: false, control: "boolean", type: "boolean" },
58
- tabIndex: { required: false, control: "number", type: "number" },
59
- translate: {
60
- required: false,
1
+ const propsPopover = {
2
+ defaultOpen: { required: false, control: "boolean", type: "boolean" },
3
+ isOpen: {
4
+ required: true,
61
5
  control: "radio",
62
6
  type: "string",
63
- options: ["yes", "no"]
7
+ options: ["open", "initial", "closed"]
64
8
  },
65
- radioGroup: { required: false, control: "text", type: "string" },
66
- role: { required: false, control: "text", type: "string" },
9
+ modal: { required: false, control: "boolean", type: "boolean" },
10
+ open: { required: false, control: "boolean", type: "boolean" }
11
+ };
12
+ const propsPopoverTrigger = {};
13
+ const propsPopoverContent = {
67
14
  about: { required: false, control: "text", type: "string" },
68
- content: { required: false, control: "text", type: "string" },
69
- datatype: { required: false, control: "text", type: "string" },
70
- inlist: { required: false, control: "text", type: "string" },
71
- prefix: { required: false, control: "text", type: "string" },
72
- property: { required: false, control: "text", type: "string" },
73
- rel: { required: false, control: "text", type: "string" },
74
- resource: { required: false, control: "text", type: "string" },
75
- rev: { required: false, control: "text", type: "string" },
76
- typeof: { required: false, control: "text", type: "string" },
77
- vocab: { required: false, control: "text", type: "string" },
78
- autoCapitalize: { required: false, control: "text", type: "string" },
79
- autoCorrect: { required: false, control: "text", type: "string" },
80
- autoSave: { required: false, control: "text", type: "string" },
81
- color: { required: false, control: "color", type: "string" },
82
- itemProp: { required: false, control: "text", type: "string" },
83
- itemScope: { required: false, control: "boolean", type: "boolean" },
84
- itemType: { required: false, control: "text", type: "string" },
85
- itemID: { required: false, control: "text", type: "string" },
86
- itemRef: { required: false, control: "text", type: "string" },
87
- results: { required: false, control: "number", type: "number" },
88
- security: { required: false, control: "text", type: "string" },
89
- unselectable: {
15
+ accessKey: { required: false, control: "text", type: "string" },
16
+ align: {
90
17
  required: false,
91
18
  control: "radio",
92
19
  type: "string",
93
- options: ["on", "off"]
94
- },
95
- inputMode: {
96
- description: "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
97
- required: false,
98
- control: "select",
99
- type: "string",
100
- options: [
101
- "text",
102
- "none",
103
- "search",
104
- "tel",
105
- "url",
106
- "email",
107
- "numeric",
108
- "decimal"
109
- ]
110
- },
111
- is: {
112
- description: "Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",
113
- required: false,
114
- control: "text",
115
- type: "string"
20
+ defaultValue: "center",
21
+ options: ["center", "start", "end"]
116
22
  },
23
+ alignOffset: { required: false, control: "number", type: "number" },
117
24
  "aria-activedescendant": {
118
25
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
119
26
  required: false,
@@ -133,12 +40,19 @@ const props = {
133
40
  type: "string",
134
41
  options: ["list", "none", "inline", "both"]
135
42
  },
136
- "aria-busy": {
137
- description: "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
43
+ "aria-braillelabel": {
44
+ description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
138
45
  required: false,
139
- control: "boolean",
140
- type: "boolean"
46
+ control: "text",
47
+ type: "string"
48
+ },
49
+ "aria-brailleroledescription": {
50
+ description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
51
+ required: false,
52
+ control: "text",
53
+ type: "string"
141
54
  },
55
+ "aria-busy": { required: false, control: "boolean", type: "boolean" },
142
56
  "aria-checked": {
143
57
  description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
144
58
  required: false,
@@ -157,6 +71,12 @@ const props = {
157
71
  control: "number",
158
72
  type: "number"
159
73
  },
74
+ "aria-colindextext": {
75
+ description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
76
+ required: false,
77
+ control: "text",
78
+ type: "string"
79
+ },
160
80
  "aria-colspan": {
161
81
  description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
162
82
  required: false,
@@ -181,6 +101,12 @@ const props = {
181
101
  control: "text",
182
102
  type: "string"
183
103
  },
104
+ "aria-description": {
105
+ description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
106
+ required: false,
107
+ control: "text",
108
+ type: "string"
109
+ },
184
110
  "aria-details": {
185
111
  description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
186
112
  required: false,
@@ -371,6 +297,12 @@ const props = {
371
297
  control: "number",
372
298
  type: "number"
373
299
  },
300
+ "aria-rowindextext": {
301
+ description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
302
+ required: false,
303
+ control: "text",
304
+ type: "string"
305
+ },
374
306
  "aria-rowspan": {
375
307
  description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
376
308
  required: false,
@@ -419,8 +351,113 @@ const props = {
419
351
  required: false,
420
352
  control: "text",
421
353
  type: "string"
422
- }
354
+ },
355
+ arrowPadding: { required: false, control: "number", type: "number" },
356
+ asChild: { required: false, control: "boolean", type: "boolean" },
357
+ autoCapitalize: { required: false, control: "text", type: "string" },
358
+ autoCorrect: { required: false, control: "text", type: "string" },
359
+ autoFocus: { required: false, control: "boolean", type: "boolean" },
360
+ autoSave: { required: false, control: "text", type: "string" },
361
+ avoidCollisions: { required: false, control: "boolean", type: "boolean" },
362
+ className: { required: false, control: "text", type: "string" },
363
+ color: { required: false, control: "color", type: "string" },
364
+ content: { required: false, control: "text", type: "string" },
365
+ contextMenu: { required: false, control: "text", type: "string" },
366
+ datatype: { required: false, control: "text", type: "string" },
367
+ defaultChecked: { required: false, control: "boolean", type: "boolean" },
368
+ dir: { required: false, control: "text", type: "string" },
369
+ draggable: { required: false, control: "boolean", type: "boolean" },
370
+ hidden: { required: false, control: "boolean", type: "boolean" },
371
+ hideWhenDetached: { required: false, control: "boolean", type: "boolean" },
372
+ id: { required: false, control: "text", type: "string" },
373
+ inputMode: {
374
+ description: "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
375
+ required: false,
376
+ control: "select",
377
+ type: "string",
378
+ options: [
379
+ "search",
380
+ "text",
381
+ "none",
382
+ "tel",
383
+ "url",
384
+ "email",
385
+ "numeric",
386
+ "decimal"
387
+ ]
388
+ },
389
+ is: {
390
+ description: "Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",
391
+ required: false,
392
+ control: "text",
393
+ type: "string"
394
+ },
395
+ itemID: { required: false, control: "text", type: "string" },
396
+ itemProp: { required: false, control: "text", type: "string" },
397
+ itemRef: { required: false, control: "text", type: "string" },
398
+ itemScope: { required: false, control: "boolean", type: "boolean" },
399
+ itemType: { required: false, control: "text", type: "string" },
400
+ lang: { required: false, control: "text", type: "string" },
401
+ nonce: { required: false, control: "text", type: "string" },
402
+ placeholder: { required: false, control: "text", type: "string" },
403
+ prefix: { required: false, control: "text", type: "string" },
404
+ property: { required: false, control: "text", type: "string" },
405
+ radioGroup: { required: false, control: "text", type: "string" },
406
+ rel: { required: false, control: "text", type: "string" },
407
+ resource: { required: false, control: "text", type: "string" },
408
+ results: { required: false, control: "number", type: "number" },
409
+ rev: { required: false, control: "text", type: "string" },
410
+ role: { required: false, control: "text", type: "string" },
411
+ security: { required: false, control: "text", type: "string" },
412
+ side: {
413
+ required: false,
414
+ control: "select",
415
+ type: "string",
416
+ options: ["top", "right", "bottom", "left"]
417
+ },
418
+ sideOffset: {
419
+ required: false,
420
+ control: "number",
421
+ type: "number",
422
+ defaultValue: 4
423
+ },
424
+ slot: { required: false, control: "text", type: "string" },
425
+ spellCheck: { required: false, control: "boolean", type: "boolean" },
426
+ sticky: {
427
+ required: false,
428
+ control: "radio",
429
+ type: "string",
430
+ options: ["partial", "always"]
431
+ },
432
+ suppressContentEditableWarning: {
433
+ required: false,
434
+ control: "boolean",
435
+ type: "boolean"
436
+ },
437
+ suppressHydrationWarning: {
438
+ required: false,
439
+ control: "boolean",
440
+ type: "boolean"
441
+ },
442
+ tabIndex: { required: false, control: "number", type: "number" },
443
+ title: { required: false, control: "text", type: "string" },
444
+ translate: {
445
+ required: false,
446
+ control: "radio",
447
+ type: "string",
448
+ options: ["yes", "no"]
449
+ },
450
+ typeof: { required: false, control: "text", type: "string" },
451
+ unselectable: {
452
+ required: false,
453
+ control: "radio",
454
+ type: "string",
455
+ options: ["on", "off"]
456
+ },
457
+ vocab: { required: false, control: "text", type: "string" }
423
458
  };
424
459
  export {
425
- props
460
+ propsPopover,
461
+ propsPopoverContent,
462
+ propsPopoverTrigger
426
463
  };