@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
package/lib/cjs/__generated__/collapsible.props.js CHANGED
@@ -25,7 +25,12 @@ __export(collapsible_props_exports, {
25
25
  module.exports = __toCommonJS(collapsible_props_exports);
26
26
  const propsCollapsible = {
27
27
  about: { required: false, control: "text", type: "string" },
28
- accessKey: { required: false, control: "text", type: "string" },
28
+ accessKey: {
29
+ required: false,
30
+ control: "text",
31
+ type: "string",
32
+ description: "Keyboard shortcut to activate or add focus to the element."
33
+ },
29
34
  "aria-activedescendant": {
30
35
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
31
36
  required: false,
@@ -181,7 +186,7 @@ const propsCollapsible = {
181
186
  type: "string"
182
187
  },
183
188
  "aria-label": {
184
- description: "Defines a string value that labels the current element.\n@see aria-labelledby.",
189
+ 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.",
185
190
  required: false,
186
191
  control: "text",
187
192
  type: "string"
@@ -357,21 +362,70 @@ const propsCollapsible = {
357
362
  control: "text",
358
363
  type: "string"
359
364
  },
360
- autoCapitalize: { required: false, control: "text", type: "string" },
365
+ autoCapitalize: {
366
+ required: false,
367
+ control: "text",
368
+ type: "string",
369
+ description: "Sets whether input is automatically capitalized when entered by user."
370
+ },
361
371
  autoCorrect: { required: false, control: "text", type: "string" },
362
- autoFocus: { required: false, control: "boolean", type: "boolean" },
372
+ autoFocus: {
373
+ required: false,
374
+ control: "boolean",
375
+ type: "boolean",
376
+ description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
377
+ },
363
378
  autoSave: { required: false, control: "text", type: "string" },
364
379
  className: { required: false, control: "text", type: "string" },
365
- color: { required: false, control: "color", type: "string" },
366
- content: { required: false, control: "text", type: "string" },
367
- contextMenu: { required: false, control: "text", type: "string" },
380
+ color: {
381
+ required: false,
382
+ control: "color",
383
+ type: "string",
384
+ 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."
385
+ },
386
+ content: {
387
+ required: false,
388
+ control: "text",
389
+ type: "string",
390
+ description: "A value associated with http-equiv orname depending on the context."
391
+ },
392
+ contextMenu: {
393
+ required: false,
394
+ control: "text",
395
+ type: "string",
396
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
397
+ },
368
398
  datatype: { required: false, control: "text", type: "string" },
369
- defaultChecked: { required: false, control: "boolean", type: "boolean" },
370
- dir: { required: false, control: "text", type: "string" },
371
- disabled: { required: false, control: "boolean", type: "boolean" },
372
- draggable: { required: false, control: "boolean", type: "boolean" },
373
- hidden: { required: false, control: "boolean", type: "boolean" },
374
- id: { required: false, control: "text", type: "string" },
399
+ dir: {
400
+ required: false,
401
+ control: "text",
402
+ type: "string",
403
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
404
+ },
405
+ disabled: {
406
+ required: false,
407
+ control: "boolean",
408
+ type: "boolean",
409
+ description: "Indicates whether the user can interact with the element."
410
+ },
411
+ draggable: {
412
+ required: false,
413
+ control: "boolean",
414
+ type: "boolean",
415
+ description: "Defines whether the element can be dragged."
416
+ },
417
+ hidden: {
418
+ required: false,
419
+ control: "boolean",
420
+ type: "boolean",
421
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
422
+ },
423
+ id: {
424
+ required: false,
425
+ control: "text",
426
+ type: "string",
427
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
428
+ },
375
429
  inputMode: {
376
430
  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",
377
431
  required: false,
@@ -399,21 +453,56 @@ const propsCollapsible = {
399
453
  itemRef: { required: false, control: "text", type: "string" },
400
454
  itemScope: { required: false, control: "boolean", type: "boolean" },
401
455
  itemType: { required: false, control: "text", type: "string" },
402
- lang: { required: false, control: "text", type: "string" },
456
+ lang: {
457
+ required: false,
458
+ control: "text",
459
+ type: "string",
460
+ description: "Defines the language used in the element."
461
+ },
403
462
  nonce: { required: false, control: "text", type: "string" },
404
- open: { required: false, control: "boolean", type: "boolean" },
405
- placeholder: { required: false, control: "text", type: "string" },
463
+ open: {
464
+ required: false,
465
+ control: "boolean",
466
+ type: "boolean",
467
+ description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component."
468
+ },
469
+ placeholder: {
470
+ required: false,
471
+ control: "text",
472
+ type: "string",
473
+ description: "Provides a hint to the user of what can be entered in the field."
474
+ },
406
475
  prefix: { required: false, control: "text", type: "string" },
407
476
  property: { required: false, control: "text", type: "string" },
408
477
  radioGroup: { required: false, control: "text", type: "string" },
409
- rel: { required: false, control: "text", type: "string" },
478
+ rel: {
479
+ required: false,
480
+ control: "text",
481
+ type: "string",
482
+ description: "Specifies the relationship of the target object to the link object."
483
+ },
410
484
  resource: { required: false, control: "text", type: "string" },
411
485
  results: { required: false, control: "number", type: "number" },
412
486
  rev: { required: false, control: "text", type: "string" },
413
- role: { required: false, control: "text", type: "string" },
487
+ role: {
488
+ required: false,
489
+ control: "text",
490
+ type: "string",
491
+ description: "Defines an explicit role for an element for use by assistive technologies."
492
+ },
414
493
  security: { required: false, control: "text", type: "string" },
415
- slot: { required: false, control: "text", type: "string" },
416
- spellCheck: { required: false, control: "boolean", type: "boolean" },
494
+ slot: {
495
+ required: false,
496
+ control: "text",
497
+ type: "string",
498
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
499
+ },
500
+ spellCheck: {
501
+ required: false,
502
+ control: "boolean",
503
+ type: "boolean",
504
+ description: "Indicates whether spell checking is allowed for the element."
505
+ },
417
506
  suppressContentEditableWarning: {
418
507
  required: false,
419
508
  control: "boolean",
@@ -424,13 +513,24 @@ const propsCollapsible = {
424
513
  control: "boolean",
425
514
  type: "boolean"
426
515
  },
427
- tabIndex: { required: false, control: "number", type: "number" },
428
- title: { required: false, control: "text", type: "string" },
516
+ tabIndex: {
517
+ required: false,
518
+ control: "number",
519
+ type: "number",
520
+ description: "Overrides the browser's default tab order and follows the one specified instead."
521
+ },
522
+ title: {
523
+ required: false,
524
+ control: "text",
525
+ type: "string",
526
+ description: "Text to be displayed in a tooltip when hovering over the element."
527
+ },
429
528
  translate: {
430
529
  required: false,
431
530
  control: "radio",
432
531
  type: "string",
433
- options: ["yes", "no"]
532
+ options: ["yes", "no"],
533
+ 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."
434
534
  },
435
535
  typeof: { required: false, control: "text", type: "string" },
436
536
  unselectable: {
@@ -444,7 +544,12 @@ const propsCollapsible = {
444
544
  const propsCollapsibleTrigger = {};
445
545
  const propsCollapsibleContent = {
446
546
  about: { required: false, control: "text", type: "string" },
447
- accessKey: { required: false, control: "text", type: "string" },
547
+ accessKey: {
548
+ required: false,
549
+ control: "text",
550
+ type: "string",
551
+ description: "Keyboard shortcut to activate or add focus to the element."
552
+ },
448
553
  "aria-activedescendant": {
449
554
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
450
555
  required: false,
@@ -600,7 +705,7 @@ const propsCollapsibleContent = {
600
705
  type: "string"
601
706
  },
602
707
  "aria-label": {
603
- description: "Defines a string value that labels the current element.\n@see aria-labelledby.",
708
+ 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.",
604
709
  required: false,
605
710
  control: "text",
606
711
  type: "string"
@@ -776,20 +881,64 @@ const propsCollapsibleContent = {
776
881
  control: "text",
777
882
  type: "string"
778
883
  },
779
- autoCapitalize: { required: false, control: "text", type: "string" },
884
+ autoCapitalize: {
885
+ required: false,
886
+ control: "text",
887
+ type: "string",
888
+ description: "Sets whether input is automatically capitalized when entered by user."
889
+ },
780
890
  autoCorrect: { required: false, control: "text", type: "string" },
781
- autoFocus: { required: false, control: "boolean", type: "boolean" },
891
+ autoFocus: {
892
+ required: false,
893
+ control: "boolean",
894
+ type: "boolean",
895
+ description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
896
+ },
782
897
  autoSave: { required: false, control: "text", type: "string" },
783
898
  className: { required: false, control: "text", type: "string" },
784
- color: { required: false, control: "color", type: "string" },
785
- content: { required: false, control: "text", type: "string" },
786
- contextMenu: { required: false, control: "text", type: "string" },
899
+ color: {
900
+ required: false,
901
+ control: "color",
902
+ type: "string",
903
+ 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."
904
+ },
905
+ content: {
906
+ required: false,
907
+ control: "text",
908
+ type: "string",
909
+ description: "A value associated with http-equiv orname depending on the context."
910
+ },
911
+ contextMenu: {
912
+ required: false,
913
+ control: "text",
914
+ type: "string",
915
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
916
+ },
787
917
  datatype: { required: false, control: "text", type: "string" },
788
- defaultChecked: { required: false, control: "boolean", type: "boolean" },
789
- dir: { required: false, control: "text", type: "string" },
790
- draggable: { required: false, control: "boolean", type: "boolean" },
791
- hidden: { required: false, control: "boolean", type: "boolean" },
792
- id: { required: false, control: "text", type: "string" },
918
+ dir: {
919
+ required: false,
920
+ control: "text",
921
+ type: "string",
922
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
923
+ },
924
+ draggable: {
925
+ required: false,
926
+ control: "boolean",
927
+ type: "boolean",
928
+ description: "Defines whether the element can be dragged."
929
+ },
930
+ hidden: {
931
+ required: false,
932
+ control: "boolean",
933
+ type: "boolean",
934
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
935
+ },
936
+ id: {
937
+ required: false,
938
+ control: "text",
939
+ type: "string",
940
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
941
+ },
793
942
  inputMode: {
794
943
  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",
795
944
  required: false,
@@ -817,20 +966,50 @@ const propsCollapsibleContent = {
817
966
  itemRef: { required: false, control: "text", type: "string" },
818
967
  itemScope: { required: false, control: "boolean", type: "boolean" },
819
968
  itemType: { required: false, control: "text", type: "string" },
820
- lang: { required: false, control: "text", type: "string" },
969
+ lang: {
970
+ required: false,
971
+ control: "text",
972
+ type: "string",
973
+ description: "Defines the language used in the element."
974
+ },
821
975
  nonce: { required: false, control: "text", type: "string" },
822
- placeholder: { required: false, control: "text", type: "string" },
976
+ placeholder: {
977
+ required: false,
978
+ control: "text",
979
+ type: "string",
980
+ description: "Provides a hint to the user of what can be entered in the field."
981
+ },
823
982
  prefix: { required: false, control: "text", type: "string" },
824
983
  property: { required: false, control: "text", type: "string" },
825
984
  radioGroup: { required: false, control: "text", type: "string" },
826
- rel: { required: false, control: "text", type: "string" },
985
+ rel: {
986
+ required: false,
987
+ control: "text",
988
+ type: "string",
989
+ description: "Specifies the relationship of the target object to the link object."
990
+ },
827
991
  resource: { required: false, control: "text", type: "string" },
828
992
  results: { required: false, control: "number", type: "number" },
829
993
  rev: { required: false, control: "text", type: "string" },
830
- role: { required: false, control: "text", type: "string" },
994
+ role: {
995
+ required: false,
996
+ control: "text",
997
+ type: "string",
998
+ description: "Defines an explicit role for an element for use by assistive technologies."
999
+ },
831
1000
  security: { required: false, control: "text", type: "string" },
832
- slot: { required: false, control: "text", type: "string" },
833
- spellCheck: { required: false, control: "boolean", type: "boolean" },
1001
+ slot: {
1002
+ required: false,
1003
+ control: "text",
1004
+ type: "string",
1005
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
1006
+ },
1007
+ spellCheck: {
1008
+ required: false,
1009
+ control: "boolean",
1010
+ type: "boolean",
1011
+ description: "Indicates whether spell checking is allowed for the element."
1012
+ },
834
1013
  suppressContentEditableWarning: {
835
1014
  required: false,
836
1015
  control: "boolean",
@@ -841,13 +1020,24 @@ const propsCollapsibleContent = {
841
1020
  control: "boolean",
842
1021
  type: "boolean"
843
1022
  },
844
- tabIndex: { required: false, control: "number", type: "number" },
845
- title: { required: false, control: "text", type: "string" },
1023
+ tabIndex: {
1024
+ required: false,
1025
+ control: "number",
1026
+ type: "number",
1027
+ description: "Overrides the browser's default tab order and follows the one specified instead."
1028
+ },
1029
+ title: {
1030
+ required: false,
1031
+ control: "text",
1032
+ type: "string",
1033
+ description: "Text to be displayed in a tooltip when hovering over the element."
1034
+ },
846
1035
  translate: {
847
1036
  required: false,
848
1037
  control: "radio",
849
1038
  type: "string",
850
- options: ["yes", "no"]
1039
+ options: ["yes", "no"],
1040
+ 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."
851
1041
  },
852
1042
  typeof: { required: false, control: "text", type: "string" },
853
1043
  unselectable: {