@webstudio-is/sdk-components-react-radix 0.87.1 → 0.89.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 (192) hide show
  1. package/lib/__generated__/accordion.props.js +605 -114
  2. package/lib/__generated__/button.props.js +158 -47
  3. package/lib/__generated__/checkbox.props.js +1083 -0
  4. package/lib/__generated__/collapsible.props.js +234 -44
  5. package/lib/__generated__/dialog.props.js +611 -121
  6. package/lib/__generated__/input.props.js +264 -47
  7. package/lib/__generated__/label.props.js +123 -23
  8. package/lib/__generated__/navigation-menu.props.js +2565 -0
  9. package/lib/__generated__/popover.props.js +129 -28
  10. package/lib/__generated__/radio-group.props.js +1627 -0
  11. package/lib/__generated__/select.props.js +3678 -0
  12. package/lib/__generated__/sheet.props.js +591 -121
  13. package/lib/__generated__/switch.props.js +1083 -0
  14. package/lib/__generated__/tabs.props.js +906 -68
  15. package/lib/__generated__/textarea.props.js +177 -31
  16. package/lib/__generated__/tooltip.props.js +131 -29
  17. package/lib/accordion.js +11 -4
  18. package/lib/accordion.ws.js +88 -72
  19. package/lib/checkbox.js +13 -0
  20. package/lib/checkbox.ws.js +153 -0
  21. package/lib/cjs/__generated__/accordion.props.js +605 -114
  22. package/lib/cjs/__generated__/button.props.js +158 -47
  23. package/lib/cjs/__generated__/checkbox.props.js +1103 -0
  24. package/lib/cjs/__generated__/collapsible.props.js +234 -44
  25. package/lib/cjs/__generated__/dialog.props.js +611 -121
  26. package/lib/cjs/__generated__/input.props.js +264 -47
  27. package/lib/cjs/__generated__/label.props.js +123 -23
  28. package/lib/cjs/__generated__/navigation-menu.props.js +2585 -0
  29. package/lib/cjs/__generated__/popover.props.js +129 -28
  30. package/lib/cjs/__generated__/radio-group.props.js +1647 -0
  31. package/lib/cjs/__generated__/select.props.js +3698 -0
  32. package/lib/cjs/__generated__/sheet.props.js +591 -121
  33. package/lib/cjs/__generated__/switch.props.js +1103 -0
  34. package/lib/cjs/__generated__/tabs.props.js +906 -68
  35. package/lib/cjs/__generated__/textarea.props.js +177 -31
  36. package/lib/cjs/__generated__/tooltip.props.js +131 -29
  37. package/lib/cjs/accordion.js +11 -4
  38. package/lib/cjs/accordion.ws.js +86 -71
  39. package/lib/cjs/{textarea.js → checkbox.js} +9 -6
  40. package/lib/cjs/checkbox.ws.js +174 -0
  41. package/lib/cjs/collapsible.ws.js +5 -1
  42. package/lib/cjs/components.js +27 -14
  43. package/lib/cjs/dialog.ws.js +18 -17
  44. package/lib/cjs/hooks.js +5 -1
  45. package/lib/cjs/label.ws.js +2 -1
  46. package/lib/cjs/metas.js +29 -14
  47. package/lib/cjs/navigation-menu.js +107 -0
  48. package/lib/cjs/navigation-menu.ws.js +514 -0
  49. package/lib/cjs/popover.ws.js +13 -9
  50. package/lib/cjs/props-descriptions.js +56 -0
  51. package/lib/cjs/props.js +27 -14
  52. package/lib/cjs/{button.js → radio-group.js} +10 -8
  53. package/lib/cjs/radio-group.ws.js +191 -0
  54. package/lib/cjs/select.js +83 -0
  55. package/lib/cjs/select.ws.js +350 -0
  56. package/lib/cjs/sheet.ws.js +88 -176
  57. package/lib/cjs/{input.js → switch.js} +8 -9
  58. package/lib/cjs/switch.ws.js +173 -0
  59. package/lib/cjs/tabs.js +2 -3
  60. package/lib/cjs/tabs.ws.js +14 -18
  61. package/lib/cjs/theme/styles.js +100 -0
  62. package/lib/cjs/theme/tailwind-classes.js +125 -16
  63. package/lib/cjs/theme/tailwind-colors.js +1 -0
  64. package/lib/cjs/tooltip.ws.js +12 -8
  65. package/lib/collapsible.ws.js +5 -1
  66. package/lib/components.js +44 -22
  67. package/lib/dialog.ws.js +18 -17
  68. package/lib/hooks.js +5 -1
  69. package/lib/label.ws.js +2 -1
  70. package/lib/metas.js +58 -24
  71. package/lib/navigation-menu.js +85 -0
  72. package/lib/navigation-menu.ws.js +501 -0
  73. package/lib/popover.ws.js +13 -9
  74. package/lib/props-descriptions.js +36 -0
  75. package/lib/props.js +56 -24
  76. package/lib/radio-group.js +11 -0
  77. package/lib/radio-group.ws.js +173 -0
  78. package/lib/select.js +75 -0
  79. package/lib/select.ws.js +338 -0
  80. package/lib/sheet.ws.js +89 -194
  81. package/lib/switch.js +7 -0
  82. package/lib/switch.ws.js +145 -0
  83. package/lib/tabs.js +3 -5
  84. package/lib/tabs.ws.js +15 -19
  85. package/lib/theme/styles.js +70 -0
  86. package/lib/theme/tailwind-classes.js +125 -16
  87. package/lib/theme/tailwind-colors.js +1 -0
  88. package/lib/tooltip.ws.js +12 -8
  89. package/lib/types/__generated__/checkbox.props.d.ts +3 -0
  90. package/lib/types/__generated__/navigation-menu.props.d.ts +8 -0
  91. package/lib/types/__generated__/radio-group.props.d.ts +4 -0
  92. package/lib/types/__generated__/select.props.d.ts +9 -0
  93. package/lib/types/__generated__/switch.props.d.ts +3 -0
  94. package/lib/types/checkbox.d.ts +6 -0
  95. package/lib/types/checkbox.stories.d.ts +11 -0
  96. package/lib/types/checkbox.ws.d.ts +5 -0
  97. package/lib/types/components.d.ts +5 -4
  98. package/lib/types/metas.d.ts +6 -4
  99. package/lib/types/navigation-menu.d.ts +15 -0
  100. package/lib/types/navigation-menu.ws.d.ts +15 -0
  101. package/lib/types/props-descriptions.d.ts +29 -0
  102. package/lib/types/props.d.ts +5 -4
  103. package/lib/types/radio-group.d.ts +5 -0
  104. package/lib/types/radio-group.stories.d.ts +9 -0
  105. package/lib/types/radio-group.ws.d.ts +7 -0
  106. package/lib/types/select.d.ts +14 -0
  107. package/lib/types/select.ws.d.ts +17 -0
  108. package/lib/types/sheet.ws.d.ts +2 -15
  109. package/lib/types/switch.d.ts +4 -0
  110. package/lib/types/switch.stories.d.ts +9 -0
  111. package/lib/types/switch.ws.d.ts +5 -0
  112. package/lib/types/tabs.d.ts +3 -12
  113. package/lib/types/theme/radix-common-types.d.ts +3 -2
  114. package/lib/types/theme/styles.d.ts +215 -0
  115. package/lib/types/theme/tailwind-classes.d.ts +16 -6
  116. package/lib/types/theme/tailwind-colors.d.ts +1 -0
  117. package/lib/types/theme/tailwind-theme.d.ts +1 -1
  118. package/package.json +12 -7
  119. package/src/__generated__/accordion.props.ts +675 -108
  120. package/src/__generated__/button.props.ts +177 -45
  121. package/src/__generated__/checkbox.props.ts +1217 -0
  122. package/src/__generated__/collapsible.props.ts +261 -42
  123. package/src/__generated__/dialog.props.ts +682 -115
  124. package/src/__generated__/input.props.ts +292 -44
  125. package/src/__generated__/label.props.ts +137 -22
  126. package/src/__generated__/navigation-menu.props.ts +2882 -0
  127. package/src/__generated__/popover.props.ts +142 -24
  128. package/src/__generated__/radio-group.props.ts +1828 -0
  129. package/src/__generated__/select.props.ts +4130 -0
  130. package/src/__generated__/sheet.props.ts +657 -110
  131. package/src/__generated__/switch.props.ts +1217 -0
  132. package/src/__generated__/tabs.props.ts +1019 -67
  133. package/src/__generated__/textarea.props.ts +195 -30
  134. package/src/__generated__/tooltip.props.ts +145 -25
  135. package/src/accordion.tsx +14 -7
  136. package/src/accordion.ws.ts +87 -70
  137. package/src/{textarea.stories.ts → checkbox.stories.ts} +6 -11
  138. package/src/checkbox.tsx +22 -0
  139. package/src/checkbox.ws.ts +154 -0
  140. package/src/collapsible.ws.ts +6 -1
  141. package/src/components.ts +25 -12
  142. package/src/dialog.ws.tsx +17 -16
  143. package/src/hooks.ts +4 -0
  144. package/src/label.ws.ts +3 -1
  145. package/src/metas.ts +36 -12
  146. package/src/navigation-menu.stories.tsx +21 -0
  147. package/src/navigation-menu.tsx +130 -0
  148. package/src/navigation-menu.ws.ts +524 -0
  149. package/src/popover.ws.tsx +13 -9
  150. package/src/props-descriptions.ts +43 -0
  151. package/src/props.ts +35 -12
  152. package/src/{input.stories.ts → radio-group.stories.ts} +6 -15
  153. package/src/radio-group.tsx +17 -0
  154. package/src/radio-group.ws.ts +178 -0
  155. package/src/select.stories.tsx +21 -0
  156. package/src/select.tsx +112 -0
  157. package/src/select.ws.ts +349 -0
  158. package/src/sheet.ws.tsx +91 -209
  159. package/src/{button.stories.ts → switch.stories.ts} +6 -19
  160. package/src/switch.tsx +10 -0
  161. package/src/switch.ws.ts +146 -0
  162. package/src/tabs.tsx +4 -17
  163. package/src/tabs.ws.ts +19 -19
  164. package/src/theme/radix-common-types.ts +3 -2
  165. package/src/theme/styles.ts +80 -0
  166. package/src/theme/tailwind-classes.ts +150 -14
  167. package/src/theme/tailwind-colors.ts +1 -0
  168. package/src/tooltip.ws.tsx +13 -8
  169. package/lib/button.js +0 -8
  170. package/lib/button.ws.js +0 -133
  171. package/lib/cjs/button.ws.js +0 -160
  172. package/lib/cjs/input.ws.js +0 -103
  173. package/lib/cjs/textarea.ws.js +0 -98
  174. package/lib/input.js +0 -8
  175. package/lib/input.ws.js +0 -75
  176. package/lib/textarea.js +0 -8
  177. package/lib/textarea.ws.js +0 -70
  178. package/lib/types/button.d.ts +0 -7
  179. package/lib/types/button.stories.d.ts +0 -20
  180. package/lib/types/button.ws.d.ts +0 -7
  181. package/lib/types/input.d.ts +0 -2
  182. package/lib/types/input.stories.d.ts +0 -20
  183. package/lib/types/input.ws.d.ts +0 -3
  184. package/lib/types/textarea.d.ts +0 -2
  185. package/lib/types/textarea.stories.d.ts +0 -14
  186. package/lib/types/textarea.ws.d.ts +0 -3
  187. package/src/button.tsx +0 -25
  188. package/src/button.ws.ts +0 -155
  189. package/src/input.tsx +0 -12
  190. package/src/input.ws.ts +0 -78
  191. package/src/textarea.tsx +0 -12
  192. package/src/textarea.ws.ts +0 -74
@@ -24,21 +24,36 @@ __export(popover_props_exports, {
24
24
  });
25
25
  module.exports = __toCommonJS(popover_props_exports);
26
26
  const propsPopover = {
27
- modal: { required: false, control: "boolean", type: "boolean" },
28
- open: { required: false, control: "boolean", type: "boolean" }
27
+ open: {
28
+ required: false,
29
+ control: "boolean",
30
+ type: "boolean",
31
+ description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component."
32
+ }
29
33
  };
30
34
  const propsPopoverTrigger = {};
31
35
  const propsPopoverContent = {
32
36
  about: { required: false, control: "text", type: "string" },
33
- accessKey: { required: false, control: "text", type: "string" },
37
+ accessKey: {
38
+ required: false,
39
+ control: "text",
40
+ type: "string",
41
+ description: "Keyboard shortcut to activate or add focus to the element."
42
+ },
34
43
  align: {
35
44
  required: false,
36
45
  control: "radio",
37
46
  type: "string",
38
47
  defaultValue: "center",
39
- options: ["center", "start", "end"]
48
+ options: ["center", "start", "end"],
49
+ description: "Specifies the horizontal alignment of the element."
50
+ },
51
+ alignOffset: {
52
+ required: false,
53
+ control: "number",
54
+ type: "number",
55
+ description: "The offset in pixels from the \u201Cstart\u201C or \u201Cend\u201C alignment options."
40
56
  },
41
- alignOffset: { required: false, control: "number", type: "number" },
42
57
  "aria-activedescendant": {
43
58
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
44
59
  required: false,
@@ -194,7 +209,7 @@ const propsPopoverContent = {
194
209
  type: "string"
195
210
  },
196
211
  "aria-label": {
197
- description: "Defines a string value that labels the current element.\n@see aria-labelledby.",
212
+ description: "Provides the accessible name that describes an interactive element if no other accessible name exists, for example in a button that contains an image with no text.",
198
213
  required: false,
199
214
  control: "text",
200
215
  type: "string"
@@ -371,28 +386,71 @@ const propsPopoverContent = {
371
386
  type: "string"
372
387
  },
373
388
  arrowPadding: { required: false, control: "number", type: "number" },
374
- asChild: { required: false, control: "boolean", type: "boolean" },
375
- autoCapitalize: { required: false, control: "text", type: "string" },
389
+ autoCapitalize: {
390
+ required: false,
391
+ control: "text",
392
+ type: "string",
393
+ description: "Sets whether input is automatically capitalized when entered by user."
394
+ },
376
395
  autoCorrect: { required: false, control: "text", type: "string" },
377
- autoFocus: { required: false, control: "boolean", type: "boolean" },
396
+ autoFocus: {
397
+ required: false,
398
+ control: "boolean",
399
+ type: "boolean",
400
+ description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
401
+ },
378
402
  autoSave: { required: false, control: "text", type: "string" },
379
403
  avoidCollisions: { required: false, control: "boolean", type: "boolean" },
380
404
  className: { required: false, control: "text", type: "string" },
381
- color: { required: false, control: "color", type: "string" },
382
- content: { required: false, control: "text", type: "string" },
383
- contextMenu: { required: false, control: "text", type: "string" },
405
+ color: {
406
+ required: false,
407
+ control: "color",
408
+ type: "string",
409
+ description: "This attribute sets the text color using either a named color or a color specified in the hexadecimal #RRGGBB format. Note: This is a legacy attribute. Please use the CSS color property instead."
410
+ },
411
+ content: {
412
+ required: false,
413
+ control: "text",
414
+ type: "string",
415
+ description: "A value associated with http-equiv orname depending on the context."
416
+ },
417
+ contextMenu: {
418
+ required: false,
419
+ control: "text",
420
+ type: "string",
421
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
422
+ },
384
423
  datatype: { required: false, control: "text", type: "string" },
385
- defaultChecked: { required: false, control: "boolean", type: "boolean" },
386
- dir: { required: false, control: "text", type: "string" },
387
- draggable: { required: false, control: "boolean", type: "boolean" },
388
- hidden: { required: false, control: "boolean", type: "boolean" },
424
+ dir: {
425
+ required: false,
426
+ control: "text",
427
+ type: "string",
428
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
429
+ },
430
+ draggable: {
431
+ required: false,
432
+ control: "boolean",
433
+ type: "boolean",
434
+ description: "Defines whether the element can be dragged."
435
+ },
436
+ hidden: {
437
+ required: false,
438
+ control: "boolean",
439
+ type: "boolean",
440
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
441
+ },
389
442
  hideWhenDetached: {
390
443
  required: false,
391
444
  control: "boolean",
392
445
  type: "boolean",
393
446
  defaultValue: true
394
447
  },
395
- id: { required: false, control: "text", type: "string" },
448
+ id: {
449
+ required: false,
450
+ control: "text",
451
+ type: "string",
452
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
453
+ },
396
454
  inputMode: {
397
455
  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",
398
456
  required: false,
@@ -420,32 +478,64 @@ const propsPopoverContent = {
420
478
  itemRef: { required: false, control: "text", type: "string" },
421
479
  itemScope: { required: false, control: "boolean", type: "boolean" },
422
480
  itemType: { required: false, control: "text", type: "string" },
423
- lang: { required: false, control: "text", type: "string" },
481
+ lang: {
482
+ required: false,
483
+ control: "text",
484
+ type: "string",
485
+ description: "Defines the language used in the element."
486
+ },
424
487
  nonce: { required: false, control: "text", type: "string" },
425
- placeholder: { required: false, control: "text", type: "string" },
488
+ placeholder: {
489
+ required: false,
490
+ control: "text",
491
+ type: "string",
492
+ description: "Provides a hint to the user of what can be entered in the field."
493
+ },
426
494
  prefix: { required: false, control: "text", type: "string" },
427
495
  property: { required: false, control: "text", type: "string" },
428
496
  radioGroup: { required: false, control: "text", type: "string" },
429
- rel: { required: false, control: "text", type: "string" },
497
+ rel: {
498
+ required: false,
499
+ control: "text",
500
+ type: "string",
501
+ description: "Specifies the relationship of the target object to the link object."
502
+ },
430
503
  resource: { required: false, control: "text", type: "string" },
431
504
  results: { required: false, control: "number", type: "number" },
432
505
  rev: { required: false, control: "text", type: "string" },
433
- role: { required: false, control: "text", type: "string" },
506
+ role: {
507
+ required: false,
508
+ control: "text",
509
+ type: "string",
510
+ description: "Defines an explicit role for an element for use by assistive technologies."
511
+ },
434
512
  security: { required: false, control: "text", type: "string" },
435
513
  side: {
436
514
  required: false,
437
515
  control: "select",
438
516
  type: "string",
439
- options: ["top", "right", "bottom", "left"]
517
+ options: ["top", "right", "bottom", "left"],
518
+ description: "The preferred alignment against the Trigger. May change when collisions occur."
440
519
  },
441
520
  sideOffset: {
442
521
  required: false,
443
522
  control: "number",
444
523
  type: "number",
445
- defaultValue: 4
524
+ defaultValue: 4,
525
+ description: "The distance in pixels between the Content and the Trigger."
526
+ },
527
+ slot: {
528
+ required: false,
529
+ control: "text",
530
+ type: "string",
531
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
532
+ },
533
+ spellCheck: {
534
+ required: false,
535
+ control: "boolean",
536
+ type: "boolean",
537
+ description: "Indicates whether spell checking is allowed for the element."
446
538
  },
447
- slot: { required: false, control: "text", type: "string" },
448
- spellCheck: { required: false, control: "boolean", type: "boolean" },
449
539
  sticky: {
450
540
  required: false,
451
541
  control: "radio",
@@ -462,13 +552,24 @@ const propsPopoverContent = {
462
552
  control: "boolean",
463
553
  type: "boolean"
464
554
  },
465
- tabIndex: { required: false, control: "number", type: "number" },
466
- title: { required: false, control: "text", type: "string" },
555
+ tabIndex: {
556
+ required: false,
557
+ control: "number",
558
+ type: "number",
559
+ description: "Overrides the browser's default tab order and follows the one specified instead."
560
+ },
561
+ title: {
562
+ required: false,
563
+ control: "text",
564
+ type: "string",
565
+ description: "Text to be displayed in a tooltip when hovering over the element."
566
+ },
467
567
  translate: {
468
568
  required: false,
469
569
  control: "radio",
470
570
  type: "string",
471
- options: ["yes", "no"]
571
+ options: ["yes", "no"],
572
+ description: "Specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged."
472
573
  },
473
574
  typeof: { required: false, control: "text", type: "string" },
474
575
  unselectable: {