@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
@@ -22,12 +22,19 @@ const props = {
22
22
  type: "string",
23
23
  options: ["list", "none", "inline", "both"]
24
24
  },
25
- "aria-busy": {
26
- 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.",
25
+ "aria-braillelabel": {
26
+ description: "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
27
27
  required: false,
28
- control: "boolean",
29
- type: "boolean"
28
+ control: "text",
29
+ type: "string"
30
30
  },
31
+ "aria-brailleroledescription": {
32
+ 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.",
33
+ required: false,
34
+ control: "text",
35
+ type: "string"
36
+ },
37
+ "aria-busy": { required: false, control: "boolean", type: "boolean" },
31
38
  "aria-checked": {
32
39
  description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
33
40
  required: false,
@@ -46,6 +53,12 @@ const props = {
46
53
  control: "number",
47
54
  type: "number"
48
55
  },
56
+ "aria-colindextext": {
57
+ description: "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
58
+ required: false,
59
+ control: "text",
60
+ type: "string"
61
+ },
49
62
  "aria-colspan": {
50
63
  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.",
51
64
  required: false,
@@ -70,6 +83,12 @@ const props = {
70
83
  control: "text",
71
84
  type: "string"
72
85
  },
86
+ "aria-description": {
87
+ description: "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
88
+ required: false,
89
+ control: "text",
90
+ type: "string"
91
+ },
73
92
  "aria-details": {
74
93
  description: "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
75
94
  required: false,
@@ -260,6 +279,12 @@ const props = {
260
279
  control: "number",
261
280
  type: "number"
262
281
  },
282
+ "aria-rowindextext": {
283
+ description: "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
284
+ required: false,
285
+ control: "text",
286
+ type: "string"
287
+ },
263
288
  "aria-rowspan": {
264
289
  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.",
265
290
  required: false,
@@ -334,7 +359,7 @@ const props = {
334
359
  required: false,
335
360
  control: "select",
336
361
  type: "string",
337
- options: ["enter", "done", "go", "next", "previous", "search", "send"]
362
+ options: ["search", "enter", "done", "go", "next", "previous", "send"]
338
363
  },
339
364
  form: { required: false, control: "text", type: "string" },
340
365
  formAction: { required: false, control: "text", type: "string" },
@@ -351,8 +376,8 @@ const props = {
351
376
  control: "select",
352
377
  type: "string",
353
378
  options: [
354
- "text",
355
379
  "search",
380
+ "text",
356
381
  "none",
357
382
  "tel",
358
383
  "url",