@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/__generated__/collapsible.props.js CHANGED
@@ -1,6 +1,11 @@
1
1
  const propsCollapsible = {
2
2
  about: { required: false, control: "text", type: "string" },
3
- accessKey: { required: false, control: "text", type: "string" },
3
+ accessKey: {
4
+ required: false,
5
+ control: "text",
6
+ type: "string",
7
+ description: "Keyboard shortcut to activate or add focus to the element."
8
+ },
4
9
  "aria-activedescendant": {
5
10
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
6
11
  required: false,
@@ -156,7 +161,7 @@ const propsCollapsible = {
156
161
  type: "string"
157
162
  },
158
163
  "aria-label": {
159
- description: "Defines a string value that labels the current element.\n@see aria-labelledby.",
164
+ 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.",
160
165
  required: false,
161
166
  control: "text",
162
167
  type: "string"
@@ -332,21 +337,70 @@ const propsCollapsible = {
332
337
  control: "text",
333
338
  type: "string"
334
339
  },
335
- autoCapitalize: { required: false, control: "text", type: "string" },
340
+ autoCapitalize: {
341
+ required: false,
342
+ control: "text",
343
+ type: "string",
344
+ description: "Sets whether input is automatically capitalized when entered by user."
345
+ },
336
346
  autoCorrect: { required: false, control: "text", type: "string" },
337
- autoFocus: { required: false, control: "boolean", type: "boolean" },
347
+ autoFocus: {
348
+ required: false,
349
+ control: "boolean",
350
+ type: "boolean",
351
+ description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
352
+ },
338
353
  autoSave: { required: false, control: "text", type: "string" },
339
354
  className: { required: false, control: "text", type: "string" },
340
- color: { required: false, control: "color", type: "string" },
341
- content: { required: false, control: "text", type: "string" },
342
- contextMenu: { required: false, control: "text", type: "string" },
355
+ color: {
356
+ required: false,
357
+ control: "color",
358
+ type: "string",
359
+ 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."
360
+ },
361
+ content: {
362
+ required: false,
363
+ control: "text",
364
+ type: "string",
365
+ description: "A value associated with http-equiv orname depending on the context."
366
+ },
367
+ contextMenu: {
368
+ required: false,
369
+ control: "text",
370
+ type: "string",
371
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
372
+ },
343
373
  datatype: { required: false, control: "text", type: "string" },
344
- defaultChecked: { required: false, control: "boolean", type: "boolean" },
345
- dir: { required: false, control: "text", type: "string" },
346
- disabled: { required: false, control: "boolean", type: "boolean" },
347
- draggable: { required: false, control: "boolean", type: "boolean" },
348
- hidden: { required: false, control: "boolean", type: "boolean" },
349
- id: { required: false, control: "text", type: "string" },
374
+ dir: {
375
+ required: false,
376
+ control: "text",
377
+ type: "string",
378
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
379
+ },
380
+ disabled: {
381
+ required: false,
382
+ control: "boolean",
383
+ type: "boolean",
384
+ description: "Indicates whether the user can interact with the element."
385
+ },
386
+ draggable: {
387
+ required: false,
388
+ control: "boolean",
389
+ type: "boolean",
390
+ description: "Defines whether the element can be dragged."
391
+ },
392
+ hidden: {
393
+ required: false,
394
+ control: "boolean",
395
+ type: "boolean",
396
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
397
+ },
398
+ id: {
399
+ required: false,
400
+ control: "text",
401
+ type: "string",
402
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
403
+ },
350
404
  inputMode: {
351
405
  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",
352
406
  required: false,
@@ -374,21 +428,56 @@ const propsCollapsible = {
374
428
  itemRef: { required: false, control: "text", type: "string" },
375
429
  itemScope: { required: false, control: "boolean", type: "boolean" },
376
430
  itemType: { required: false, control: "text", type: "string" },
377
- lang: { required: false, control: "text", type: "string" },
431
+ lang: {
432
+ required: false,
433
+ control: "text",
434
+ type: "string",
435
+ description: "Defines the language used in the element."
436
+ },
378
437
  nonce: { required: false, control: "text", type: "string" },
379
- open: { required: false, control: "boolean", type: "boolean" },
380
- placeholder: { required: false, control: "text", type: "string" },
438
+ open: {
439
+ required: false,
440
+ control: "boolean",
441
+ type: "boolean",
442
+ description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component."
443
+ },
444
+ placeholder: {
445
+ required: false,
446
+ control: "text",
447
+ type: "string",
448
+ description: "Provides a hint to the user of what can be entered in the field."
449
+ },
381
450
  prefix: { required: false, control: "text", type: "string" },
382
451
  property: { required: false, control: "text", type: "string" },
383
452
  radioGroup: { required: false, control: "text", type: "string" },
384
- rel: { required: false, control: "text", type: "string" },
453
+ rel: {
454
+ required: false,
455
+ control: "text",
456
+ type: "string",
457
+ description: "Specifies the relationship of the target object to the link object."
458
+ },
385
459
  resource: { required: false, control: "text", type: "string" },
386
460
  results: { required: false, control: "number", type: "number" },
387
461
  rev: { required: false, control: "text", type: "string" },
388
- role: { required: false, control: "text", type: "string" },
462
+ role: {
463
+ required: false,
464
+ control: "text",
465
+ type: "string",
466
+ description: "Defines an explicit role for an element for use by assistive technologies."
467
+ },
389
468
  security: { required: false, control: "text", type: "string" },
390
- slot: { required: false, control: "text", type: "string" },
391
- spellCheck: { required: false, control: "boolean", type: "boolean" },
469
+ slot: {
470
+ required: false,
471
+ control: "text",
472
+ type: "string",
473
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
474
+ },
475
+ spellCheck: {
476
+ required: false,
477
+ control: "boolean",
478
+ type: "boolean",
479
+ description: "Indicates whether spell checking is allowed for the element."
480
+ },
392
481
  suppressContentEditableWarning: {
393
482
  required: false,
394
483
  control: "boolean",
@@ -399,13 +488,24 @@ const propsCollapsible = {
399
488
  control: "boolean",
400
489
  type: "boolean"
401
490
  },
402
- tabIndex: { required: false, control: "number", type: "number" },
403
- title: { required: false, control: "text", type: "string" },
491
+ tabIndex: {
492
+ required: false,
493
+ control: "number",
494
+ type: "number",
495
+ description: "Overrides the browser's default tab order and follows the one specified instead."
496
+ },
497
+ title: {
498
+ required: false,
499
+ control: "text",
500
+ type: "string",
501
+ description: "Text to be displayed in a tooltip when hovering over the element."
502
+ },
404
503
  translate: {
405
504
  required: false,
406
505
  control: "radio",
407
506
  type: "string",
408
- options: ["yes", "no"]
507
+ options: ["yes", "no"],
508
+ 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."
409
509
  },
410
510
  typeof: { required: false, control: "text", type: "string" },
411
511
  unselectable: {
@@ -419,7 +519,12 @@ const propsCollapsible = {
419
519
  const propsCollapsibleTrigger = {};
420
520
  const propsCollapsibleContent = {
421
521
  about: { required: false, control: "text", type: "string" },
422
- accessKey: { required: false, control: "text", type: "string" },
522
+ accessKey: {
523
+ required: false,
524
+ control: "text",
525
+ type: "string",
526
+ description: "Keyboard shortcut to activate or add focus to the element."
527
+ },
423
528
  "aria-activedescendant": {
424
529
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
425
530
  required: false,
@@ -575,7 +680,7 @@ const propsCollapsibleContent = {
575
680
  type: "string"
576
681
  },
577
682
  "aria-label": {
578
- description: "Defines a string value that labels the current element.\n@see aria-labelledby.",
683
+ 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.",
579
684
  required: false,
580
685
  control: "text",
581
686
  type: "string"
@@ -751,20 +856,64 @@ const propsCollapsibleContent = {
751
856
  control: "text",
752
857
  type: "string"
753
858
  },
754
- autoCapitalize: { required: false, control: "text", type: "string" },
859
+ autoCapitalize: {
860
+ required: false,
861
+ control: "text",
862
+ type: "string",
863
+ description: "Sets whether input is automatically capitalized when entered by user."
864
+ },
755
865
  autoCorrect: { required: false, control: "text", type: "string" },
756
- autoFocus: { required: false, control: "boolean", type: "boolean" },
866
+ autoFocus: {
867
+ required: false,
868
+ control: "boolean",
869
+ type: "boolean",
870
+ description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
871
+ },
757
872
  autoSave: { required: false, control: "text", type: "string" },
758
873
  className: { required: false, control: "text", type: "string" },
759
- color: { required: false, control: "color", type: "string" },
760
- content: { required: false, control: "text", type: "string" },
761
- contextMenu: { required: false, control: "text", type: "string" },
874
+ color: {
875
+ required: false,
876
+ control: "color",
877
+ type: "string",
878
+ 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."
879
+ },
880
+ content: {
881
+ required: false,
882
+ control: "text",
883
+ type: "string",
884
+ description: "A value associated with http-equiv orname depending on the context."
885
+ },
886
+ contextMenu: {
887
+ required: false,
888
+ control: "text",
889
+ type: "string",
890
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
891
+ },
762
892
  datatype: { required: false, control: "text", type: "string" },
763
- defaultChecked: { required: false, control: "boolean", type: "boolean" },
764
- dir: { required: false, control: "text", type: "string" },
765
- draggable: { required: false, control: "boolean", type: "boolean" },
766
- hidden: { required: false, control: "boolean", type: "boolean" },
767
- id: { required: false, control: "text", type: "string" },
893
+ dir: {
894
+ required: false,
895
+ control: "text",
896
+ type: "string",
897
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
898
+ },
899
+ draggable: {
900
+ required: false,
901
+ control: "boolean",
902
+ type: "boolean",
903
+ description: "Defines whether the element can be dragged."
904
+ },
905
+ hidden: {
906
+ required: false,
907
+ control: "boolean",
908
+ type: "boolean",
909
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
910
+ },
911
+ id: {
912
+ required: false,
913
+ control: "text",
914
+ type: "string",
915
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
916
+ },
768
917
  inputMode: {
769
918
  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",
770
919
  required: false,
@@ -792,20 +941,50 @@ const propsCollapsibleContent = {
792
941
  itemRef: { required: false, control: "text", type: "string" },
793
942
  itemScope: { required: false, control: "boolean", type: "boolean" },
794
943
  itemType: { required: false, control: "text", type: "string" },
795
- lang: { required: false, control: "text", type: "string" },
944
+ lang: {
945
+ required: false,
946
+ control: "text",
947
+ type: "string",
948
+ description: "Defines the language used in the element."
949
+ },
796
950
  nonce: { required: false, control: "text", type: "string" },
797
- placeholder: { required: false, control: "text", type: "string" },
951
+ placeholder: {
952
+ required: false,
953
+ control: "text",
954
+ type: "string",
955
+ description: "Provides a hint to the user of what can be entered in the field."
956
+ },
798
957
  prefix: { required: false, control: "text", type: "string" },
799
958
  property: { required: false, control: "text", type: "string" },
800
959
  radioGroup: { required: false, control: "text", type: "string" },
801
- rel: { required: false, control: "text", type: "string" },
960
+ rel: {
961
+ required: false,
962
+ control: "text",
963
+ type: "string",
964
+ description: "Specifies the relationship of the target object to the link object."
965
+ },
802
966
  resource: { required: false, control: "text", type: "string" },
803
967
  results: { required: false, control: "number", type: "number" },
804
968
  rev: { required: false, control: "text", type: "string" },
805
- role: { required: false, control: "text", type: "string" },
969
+ role: {
970
+ required: false,
971
+ control: "text",
972
+ type: "string",
973
+ description: "Defines an explicit role for an element for use by assistive technologies."
974
+ },
806
975
  security: { required: false, control: "text", type: "string" },
807
- slot: { required: false, control: "text", type: "string" },
808
- spellCheck: { required: false, control: "boolean", type: "boolean" },
976
+ slot: {
977
+ required: false,
978
+ control: "text",
979
+ type: "string",
980
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
981
+ },
982
+ spellCheck: {
983
+ required: false,
984
+ control: "boolean",
985
+ type: "boolean",
986
+ description: "Indicates whether spell checking is allowed for the element."
987
+ },
809
988
  suppressContentEditableWarning: {
810
989
  required: false,
811
990
  control: "boolean",
@@ -816,13 +995,24 @@ const propsCollapsibleContent = {
816
995
  control: "boolean",
817
996
  type: "boolean"
818
997
  },
819
- tabIndex: { required: false, control: "number", type: "number" },
820
- title: { required: false, control: "text", type: "string" },
998
+ tabIndex: {
999
+ required: false,
1000
+ control: "number",
1001
+ type: "number",
1002
+ description: "Overrides the browser's default tab order and follows the one specified instead."
1003
+ },
1004
+ title: {
1005
+ required: false,
1006
+ control: "text",
1007
+ type: "string",
1008
+ description: "Text to be displayed in a tooltip when hovering over the element."
1009
+ },
821
1010
  translate: {
822
1011
  required: false,
823
1012
  control: "radio",
824
1013
  type: "string",
825
- options: ["yes", "no"]
1014
+ options: ["yes", "no"],
1015
+ 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."
826
1016
  },
827
1017
  typeof: { required: false, control: "text", type: "string" },
828
1018
  unselectable: {