@webstudio-is/sdk-components-react 0.88.0 → 0.90.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 (158) hide show
  1. package/lib/__generated__/blockquote.props.js +117 -21
  2. package/lib/__generated__/body.props.js +111 -20
  3. package/lib/__generated__/bold.props.js +111 -20
  4. package/lib/__generated__/box.props.js +112 -20
  5. package/lib/__generated__/button.props.js +161 -29
  6. package/lib/__generated__/checkbox.props.js +264 -47
  7. package/lib/__generated__/code-text.props.js +111 -20
  8. package/lib/__generated__/form.props.js +159 -28
  9. package/lib/__generated__/heading.props.js +112 -20
  10. package/lib/__generated__/image.props.js +149 -29
  11. package/lib/__generated__/input.props.js +266 -48
  12. package/lib/__generated__/italic.props.js +111 -20
  13. package/lib/__generated__/label.props.js +123 -22
  14. package/lib/__generated__/link.props.js +145 -27
  15. package/lib/__generated__/list-item.props.js +111 -20
  16. package/lib/__generated__/list.props.js +126 -23
  17. package/lib/__generated__/paragraph.props.js +111 -20
  18. package/lib/__generated__/radio-button.props.js +264 -47
  19. package/lib/__generated__/rich-text-link.props.js +145 -27
  20. package/lib/__generated__/separator.props.js +111 -20
  21. package/lib/__generated__/span.props.js +111 -20
  22. package/lib/__generated__/subscript.props.js +111 -20
  23. package/lib/__generated__/superscript.props.js +111 -20
  24. package/lib/__generated__/text.props.js +112 -20
  25. package/lib/__generated__/textarea.props.js +177 -31
  26. package/lib/__generated__/vimeo-play-button.props.js +161 -29
  27. package/lib/__generated__/vimeo-preview-image.props.js +149 -29
  28. package/lib/__generated__/vimeo-spinner.props.js +111 -20
  29. package/lib/__generated__/vimeo.props.js +112 -21
  30. package/lib/blockquote.ws.js +1 -0
  31. package/lib/box.ws.js +1 -0
  32. package/lib/button.ws.js +1 -0
  33. package/lib/checkbox.ws.js +1 -0
  34. package/lib/cjs/__generated__/blockquote.props.js +117 -21
  35. package/lib/cjs/__generated__/body.props.js +111 -20
  36. package/lib/cjs/__generated__/bold.props.js +111 -20
  37. package/lib/cjs/__generated__/box.props.js +112 -20
  38. package/lib/cjs/__generated__/button.props.js +161 -29
  39. package/lib/cjs/__generated__/checkbox.props.js +264 -47
  40. package/lib/cjs/__generated__/code-text.props.js +111 -20
  41. package/lib/cjs/__generated__/form.props.js +159 -28
  42. package/lib/cjs/__generated__/heading.props.js +112 -20
  43. package/lib/cjs/__generated__/image.props.js +149 -29
  44. package/lib/cjs/__generated__/input.props.js +266 -48
  45. package/lib/cjs/__generated__/italic.props.js +111 -20
  46. package/lib/cjs/__generated__/label.props.js +123 -22
  47. package/lib/cjs/__generated__/link.props.js +145 -27
  48. package/lib/cjs/__generated__/list-item.props.js +111 -20
  49. package/lib/cjs/__generated__/list.props.js +126 -23
  50. package/lib/cjs/__generated__/paragraph.props.js +111 -20
  51. package/lib/cjs/__generated__/radio-button.props.js +264 -47
  52. package/lib/cjs/__generated__/rich-text-link.props.js +145 -27
  53. package/lib/cjs/__generated__/separator.props.js +111 -20
  54. package/lib/cjs/__generated__/span.props.js +111 -20
  55. package/lib/cjs/__generated__/subscript.props.js +111 -20
  56. package/lib/cjs/__generated__/superscript.props.js +111 -20
  57. package/lib/cjs/__generated__/text.props.js +112 -20
  58. package/lib/cjs/__generated__/textarea.props.js +177 -31
  59. package/lib/cjs/__generated__/vimeo-play-button.props.js +161 -29
  60. package/lib/cjs/__generated__/vimeo-preview-image.props.js +149 -29
  61. package/lib/cjs/__generated__/vimeo-spinner.props.js +111 -20
  62. package/lib/cjs/__generated__/vimeo.props.js +112 -21
  63. package/lib/cjs/blockquote.ws.js +1 -0
  64. package/lib/cjs/box.ws.js +1 -0
  65. package/lib/cjs/button.ws.js +1 -0
  66. package/lib/cjs/checkbox.ws.js +1 -0
  67. package/lib/cjs/code-text.ws.js +2 -0
  68. package/lib/cjs/form.ws.js +1 -0
  69. package/lib/cjs/heading.ws.js +2 -0
  70. package/lib/cjs/html-embed.ws.js +1 -0
  71. package/lib/cjs/image.ws.js +1 -0
  72. package/lib/cjs/input.ws.js +1 -0
  73. package/lib/cjs/label.ws.js +1 -1
  74. package/lib/cjs/link.ws.js +2 -0
  75. package/lib/cjs/list-item.ws.js +1 -0
  76. package/lib/cjs/list.ws.js +1 -0
  77. package/lib/cjs/paragraph.ws.js +2 -0
  78. package/lib/cjs/radio-button.ws.js +1 -0
  79. package/lib/cjs/separator.ws.js +1 -0
  80. package/lib/cjs/text.ws.js +1 -0
  81. package/lib/cjs/textarea.ws.js +1 -0
  82. package/lib/cjs/vimeo.ws.js +1 -0
  83. package/lib/code-text.ws.js +2 -0
  84. package/lib/form.ws.js +1 -0
  85. package/lib/heading.ws.js +2 -0
  86. package/lib/html-embed.ws.js +1 -0
  87. package/lib/image.ws.js +1 -0
  88. package/lib/input.ws.js +1 -0
  89. package/lib/label.ws.js +1 -1
  90. package/lib/link.ws.js +2 -0
  91. package/lib/list-item.ws.js +1 -0
  92. package/lib/list.ws.js +1 -0
  93. package/lib/paragraph.ws.js +2 -0
  94. package/lib/radio-button.ws.js +1 -0
  95. package/lib/separator.ws.js +1 -0
  96. package/lib/text.ws.js +1 -0
  97. package/lib/textarea.ws.js +1 -0
  98. package/lib/types/box.d.ts +1 -0
  99. package/lib/types/heading.d.ts +1 -0
  100. package/lib/types/list.d.ts +1 -0
  101. package/lib/types/text.d.ts +1 -0
  102. package/lib/types/vimeo.d.ts +1 -1
  103. package/lib/vimeo.ws.js +1 -0
  104. package/package.json +6 -6
  105. package/src/__generated__/blockquote.props.ts +131 -20
  106. package/src/__generated__/body.props.ts +124 -19
  107. package/src/__generated__/bold.props.ts +124 -19
  108. package/src/__generated__/box.props.ts +126 -19
  109. package/src/__generated__/button.props.ts +180 -27
  110. package/src/__generated__/checkbox.props.ts +292 -44
  111. package/src/__generated__/code-text.props.ts +124 -19
  112. package/src/__generated__/form.props.ts +179 -27
  113. package/src/__generated__/heading.props.ts +126 -19
  114. package/src/__generated__/image.props.ts +160 -24
  115. package/src/__generated__/input.props.ts +294 -44
  116. package/src/__generated__/italic.props.ts +124 -19
  117. package/src/__generated__/label.props.ts +137 -21
  118. package/src/__generated__/link.props.ts +159 -24
  119. package/src/__generated__/list-item.props.ts +124 -19
  120. package/src/__generated__/list.props.ts +140 -21
  121. package/src/__generated__/paragraph.props.ts +124 -19
  122. package/src/__generated__/radio-button.props.ts +292 -44
  123. package/src/__generated__/rich-text-link.props.ts +159 -24
  124. package/src/__generated__/separator.props.ts +124 -19
  125. package/src/__generated__/span.props.ts +124 -19
  126. package/src/__generated__/subscript.props.ts +124 -19
  127. package/src/__generated__/superscript.props.ts +124 -19
  128. package/src/__generated__/text.props.ts +126 -19
  129. package/src/__generated__/textarea.props.ts +195 -30
  130. package/src/__generated__/vimeo-play-button.props.ts +179 -27
  131. package/src/__generated__/vimeo-preview-image.props.ts +160 -24
  132. package/src/__generated__/vimeo-spinner.props.ts +124 -19
  133. package/src/__generated__/vimeo.props.ts +125 -20
  134. package/src/blockquote.ws.tsx +2 -0
  135. package/src/box.tsx +1 -0
  136. package/src/box.ws.ts +2 -0
  137. package/src/button.ws.tsx +2 -0
  138. package/src/checkbox.ws.tsx +2 -0
  139. package/src/code-text.ws.tsx +3 -0
  140. package/src/form.ws.tsx +1 -0
  141. package/src/heading.tsx +1 -0
  142. package/src/heading.ws.tsx +3 -0
  143. package/src/html-embed.ws.ts +1 -0
  144. package/src/image.ws.tsx +2 -0
  145. package/src/input.ws.tsx +2 -0
  146. package/src/label.ws.tsx +1 -1
  147. package/src/link.ws.tsx +3 -0
  148. package/src/list-item.ws.tsx +1 -0
  149. package/src/list.tsx +1 -0
  150. package/src/list.ws.tsx +1 -0
  151. package/src/paragraph.ws.tsx +2 -0
  152. package/src/radio-button.ws.tsx +2 -0
  153. package/src/separator.ws.tsx +2 -0
  154. package/src/text.tsx +1 -0
  155. package/src/text.ws.tsx +2 -0
  156. package/src/textarea.ws.tsx +2 -0
  157. package/src/vimeo.tsx +1 -1
  158. package/src/vimeo.ws.ts +2 -0
package/lib/__generated__/blockquote.props.js CHANGED
@@ -1,6 +1,11 @@
1
1
  const props = {
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 props = {
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,71 @@ const props = {
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
- cite: { required: false, control: "text", type: "string" },
354
+ cite: {
355
+ required: false,
356
+ control: "text",
357
+ type: "string",
358
+ description: "Contains a URI which points to the source of the quote or change."
359
+ },
340
360
  className: { required: false, control: "text", type: "string" },
341
- color: { required: false, control: "color", type: "string" },
342
- content: { required: false, control: "text", type: "string" },
343
- contextMenu: { required: false, control: "text", type: "string" },
361
+ color: {
362
+ required: false,
363
+ control: "color",
364
+ type: "string",
365
+ 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."
366
+ },
367
+ content: {
368
+ required: false,
369
+ control: "text",
370
+ type: "string",
371
+ description: "A value associated with http-equiv orname depending on the context."
372
+ },
373
+ contextMenu: {
374
+ required: false,
375
+ control: "text",
376
+ type: "string",
377
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
378
+ },
344
379
  datatype: { required: false, control: "text", type: "string" },
345
380
  defaultChecked: { required: false, control: "boolean", type: "boolean" },
346
- dir: { required: false, control: "text", type: "string" },
347
- draggable: { required: false, control: "boolean", type: "boolean" },
348
- hidden: { required: false, control: "boolean", type: "boolean" },
349
- id: { required: false, control: "text", type: "string" },
381
+ dir: {
382
+ required: false,
383
+ control: "text",
384
+ type: "string",
385
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
386
+ },
387
+ draggable: {
388
+ required: false,
389
+ control: "boolean",
390
+ type: "boolean",
391
+ description: "Defines whether the element can be dragged."
392
+ },
393
+ hidden: {
394
+ required: false,
395
+ control: "boolean",
396
+ type: "boolean",
397
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
398
+ },
399
+ id: {
400
+ required: false,
401
+ control: "text",
402
+ type: "string",
403
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
404
+ },
350
405
  inputMode: {
351
406
  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
407
  required: false,
@@ -374,20 +429,50 @@ const props = {
374
429
  itemRef: { required: false, control: "text", type: "string" },
375
430
  itemScope: { required: false, control: "boolean", type: "boolean" },
376
431
  itemType: { required: false, control: "text", type: "string" },
377
- lang: { required: false, control: "text", type: "string" },
432
+ lang: {
433
+ required: false,
434
+ control: "text",
435
+ type: "string",
436
+ description: "Defines the language used in the element."
437
+ },
378
438
  nonce: { required: false, control: "text", type: "string" },
379
- placeholder: { required: false, control: "text", type: "string" },
439
+ placeholder: {
440
+ required: false,
441
+ control: "text",
442
+ type: "string",
443
+ description: "Provides a hint to the user of what can be entered in the field."
444
+ },
380
445
  prefix: { required: false, control: "text", type: "string" },
381
446
  property: { required: false, control: "text", type: "string" },
382
447
  radioGroup: { required: false, control: "text", type: "string" },
383
- rel: { required: false, control: "text", type: "string" },
448
+ rel: {
449
+ required: false,
450
+ control: "text",
451
+ type: "string",
452
+ description: "Specifies the relationship of the target object to the link object."
453
+ },
384
454
  resource: { required: false, control: "text", type: "string" },
385
455
  results: { required: false, control: "number", type: "number" },
386
456
  rev: { required: false, control: "text", type: "string" },
387
- role: { required: false, control: "text", type: "string" },
457
+ role: {
458
+ required: false,
459
+ control: "text",
460
+ type: "string",
461
+ description: "Defines an explicit role for an element for use by assistive technologies."
462
+ },
388
463
  security: { required: false, control: "text", type: "string" },
389
- slot: { required: false, control: "text", type: "string" },
390
- spellCheck: { required: false, control: "boolean", type: "boolean" },
464
+ slot: {
465
+ required: false,
466
+ control: "text",
467
+ type: "string",
468
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
469
+ },
470
+ spellCheck: {
471
+ required: false,
472
+ control: "boolean",
473
+ type: "boolean",
474
+ description: "Indicates whether spell checking is allowed for the element."
475
+ },
391
476
  suppressContentEditableWarning: {
392
477
  required: false,
393
478
  control: "boolean",
@@ -398,13 +483,24 @@ const props = {
398
483
  control: "boolean",
399
484
  type: "boolean"
400
485
  },
401
- tabIndex: { required: false, control: "number", type: "number" },
402
- title: { required: false, control: "text", type: "string" },
486
+ tabIndex: {
487
+ required: false,
488
+ control: "number",
489
+ type: "number",
490
+ description: "Overrides the browser's default tab order and follows the one specified instead."
491
+ },
492
+ title: {
493
+ required: false,
494
+ control: "text",
495
+ type: "string",
496
+ description: "Text to be displayed in a tooltip when hovering over the element."
497
+ },
403
498
  translate: {
404
499
  required: false,
405
500
  control: "radio",
406
501
  type: "string",
407
- options: ["yes", "no"]
502
+ options: ["yes", "no"],
503
+ 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."
408
504
  },
409
505
  typeof: { required: false, control: "text", type: "string" },
410
506
  unselectable: {
package/lib/__generated__/body.props.js CHANGED
@@ -1,6 +1,11 @@
1
1
  const props = {
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 props = {
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,20 +337,65 @@ const props = {
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
374
  defaultChecked: { required: false, control: "boolean", type: "boolean" },
345
- dir: { required: false, control: "text", type: "string" },
346
- draggable: { required: false, control: "boolean", type: "boolean" },
347
- hidden: { required: false, control: "boolean", type: "boolean" },
348
- id: { required: false, control: "text", type: "string" },
375
+ dir: {
376
+ required: false,
377
+ control: "text",
378
+ type: "string",
379
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
380
+ },
381
+ draggable: {
382
+ required: false,
383
+ control: "boolean",
384
+ type: "boolean",
385
+ description: "Defines whether the element can be dragged."
386
+ },
387
+ hidden: {
388
+ required: false,
389
+ control: "boolean",
390
+ type: "boolean",
391
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
392
+ },
393
+ id: {
394
+ required: false,
395
+ control: "text",
396
+ type: "string",
397
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
398
+ },
349
399
  inputMode: {
350
400
  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",
351
401
  required: false,
@@ -373,20 +423,50 @@ const props = {
373
423
  itemRef: { required: false, control: "text", type: "string" },
374
424
  itemScope: { required: false, control: "boolean", type: "boolean" },
375
425
  itemType: { required: false, control: "text", type: "string" },
376
- lang: { required: false, control: "text", type: "string" },
426
+ lang: {
427
+ required: false,
428
+ control: "text",
429
+ type: "string",
430
+ description: "Defines the language used in the element."
431
+ },
377
432
  nonce: { required: false, control: "text", type: "string" },
378
- placeholder: { required: false, control: "text", type: "string" },
433
+ placeholder: {
434
+ required: false,
435
+ control: "text",
436
+ type: "string",
437
+ description: "Provides a hint to the user of what can be entered in the field."
438
+ },
379
439
  prefix: { required: false, control: "text", type: "string" },
380
440
  property: { required: false, control: "text", type: "string" },
381
441
  radioGroup: { required: false, control: "text", type: "string" },
382
- rel: { required: false, control: "text", type: "string" },
442
+ rel: {
443
+ required: false,
444
+ control: "text",
445
+ type: "string",
446
+ description: "Specifies the relationship of the target object to the link object."
447
+ },
383
448
  resource: { required: false, control: "text", type: "string" },
384
449
  results: { required: false, control: "number", type: "number" },
385
450
  rev: { required: false, control: "text", type: "string" },
386
- role: { required: false, control: "text", type: "string" },
451
+ role: {
452
+ required: false,
453
+ control: "text",
454
+ type: "string",
455
+ description: "Defines an explicit role for an element for use by assistive technologies."
456
+ },
387
457
  security: { required: false, control: "text", type: "string" },
388
- slot: { required: false, control: "text", type: "string" },
389
- spellCheck: { required: false, control: "boolean", type: "boolean" },
458
+ slot: {
459
+ required: false,
460
+ control: "text",
461
+ type: "string",
462
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
463
+ },
464
+ spellCheck: {
465
+ required: false,
466
+ control: "boolean",
467
+ type: "boolean",
468
+ description: "Indicates whether spell checking is allowed for the element."
469
+ },
390
470
  suppressContentEditableWarning: {
391
471
  required: false,
392
472
  control: "boolean",
@@ -397,13 +477,24 @@ const props = {
397
477
  control: "boolean",
398
478
  type: "boolean"
399
479
  },
400
- tabIndex: { required: false, control: "number", type: "number" },
401
- title: { required: false, control: "text", type: "string" },
480
+ tabIndex: {
481
+ required: false,
482
+ control: "number",
483
+ type: "number",
484
+ description: "Overrides the browser's default tab order and follows the one specified instead."
485
+ },
486
+ title: {
487
+ required: false,
488
+ control: "text",
489
+ type: "string",
490
+ description: "Text to be displayed in a tooltip when hovering over the element."
491
+ },
402
492
  translate: {
403
493
  required: false,
404
494
  control: "radio",
405
495
  type: "string",
406
- options: ["yes", "no"]
496
+ options: ["yes", "no"],
497
+ 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."
407
498
  },
408
499
  typeof: { required: false, control: "text", type: "string" },
409
500
  unselectable: {
package/lib/__generated__/bold.props.js CHANGED
@@ -1,6 +1,11 @@
1
1
  const props = {
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 props = {
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,20 +337,65 @@ const props = {
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
374
  defaultChecked: { required: false, control: "boolean", type: "boolean" },
345
- dir: { required: false, control: "text", type: "string" },
346
- draggable: { required: false, control: "boolean", type: "boolean" },
347
- hidden: { required: false, control: "boolean", type: "boolean" },
348
- id: { required: false, control: "text", type: "string" },
375
+ dir: {
376
+ required: false,
377
+ control: "text",
378
+ type: "string",
379
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
380
+ },
381
+ draggable: {
382
+ required: false,
383
+ control: "boolean",
384
+ type: "boolean",
385
+ description: "Defines whether the element can be dragged."
386
+ },
387
+ hidden: {
388
+ required: false,
389
+ control: "boolean",
390
+ type: "boolean",
391
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
392
+ },
393
+ id: {
394
+ required: false,
395
+ control: "text",
396
+ type: "string",
397
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
398
+ },
349
399
  inputMode: {
350
400
  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",
351
401
  required: false,
@@ -373,20 +423,50 @@ const props = {
373
423
  itemRef: { required: false, control: "text", type: "string" },
374
424
  itemScope: { required: false, control: "boolean", type: "boolean" },
375
425
  itemType: { required: false, control: "text", type: "string" },
376
- lang: { required: false, control: "text", type: "string" },
426
+ lang: {
427
+ required: false,
428
+ control: "text",
429
+ type: "string",
430
+ description: "Defines the language used in the element."
431
+ },
377
432
  nonce: { required: false, control: "text", type: "string" },
378
- placeholder: { required: false, control: "text", type: "string" },
433
+ placeholder: {
434
+ required: false,
435
+ control: "text",
436
+ type: "string",
437
+ description: "Provides a hint to the user of what can be entered in the field."
438
+ },
379
439
  prefix: { required: false, control: "text", type: "string" },
380
440
  property: { required: false, control: "text", type: "string" },
381
441
  radioGroup: { required: false, control: "text", type: "string" },
382
- rel: { required: false, control: "text", type: "string" },
442
+ rel: {
443
+ required: false,
444
+ control: "text",
445
+ type: "string",
446
+ description: "Specifies the relationship of the target object to the link object."
447
+ },
383
448
  resource: { required: false, control: "text", type: "string" },
384
449
  results: { required: false, control: "number", type: "number" },
385
450
  rev: { required: false, control: "text", type: "string" },
386
- role: { required: false, control: "text", type: "string" },
451
+ role: {
452
+ required: false,
453
+ control: "text",
454
+ type: "string",
455
+ description: "Defines an explicit role for an element for use by assistive technologies."
456
+ },
387
457
  security: { required: false, control: "text", type: "string" },
388
- slot: { required: false, control: "text", type: "string" },
389
- spellCheck: { required: false, control: "boolean", type: "boolean" },
458
+ slot: {
459
+ required: false,
460
+ control: "text",
461
+ type: "string",
462
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
463
+ },
464
+ spellCheck: {
465
+ required: false,
466
+ control: "boolean",
467
+ type: "boolean",
468
+ description: "Indicates whether spell checking is allowed for the element."
469
+ },
390
470
  suppressContentEditableWarning: {
391
471
  required: false,
392
472
  control: "boolean",
@@ -397,13 +477,24 @@ const props = {
397
477
  control: "boolean",
398
478
  type: "boolean"
399
479
  },
400
- tabIndex: { required: false, control: "number", type: "number" },
401
- title: { required: false, control: "text", type: "string" },
480
+ tabIndex: {
481
+ required: false,
482
+ control: "number",
483
+ type: "number",
484
+ description: "Overrides the browser's default tab order and follows the one specified instead."
485
+ },
486
+ title: {
487
+ required: false,
488
+ control: "text",
489
+ type: "string",
490
+ description: "Text to be displayed in a tooltip when hovering over the element."
491
+ },
402
492
  translate: {
403
493
  required: false,
404
494
  control: "radio",
405
495
  type: "string",
406
- options: ["yes", "no"]
496
+ options: ["yes", "no"],
497
+ 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."
407
498
  },
408
499
  typeof: { required: false, control: "text", type: "string" },
409
500
  unselectable: {