@webstudio-is/sdk-components-react 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 (163) 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 +261 -50
  7. package/lib/__generated__/code-text.props.js +108 -24
  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 +263 -51
  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 +261 -50
  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 +114 -22
  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 +2 -1
  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 +261 -50
  40. package/lib/cjs/__generated__/code-text.props.js +108 -24
  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 +263 -51
  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 +261 -50
  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 +114 -22
  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 +2 -1
  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.js +4 -13
  68. package/lib/cjs/code-text.ws.js +10 -9
  69. package/lib/cjs/form.ws.js +1 -0
  70. package/lib/cjs/heading.ws.js +2 -0
  71. package/lib/cjs/html-embed.ws.js +1 -0
  72. package/lib/cjs/image.ws.js +1 -0
  73. package/lib/cjs/input.ws.js +1 -0
  74. package/lib/cjs/label.ws.js +1 -1
  75. package/lib/cjs/link.ws.js +2 -0
  76. package/lib/cjs/list-item.ws.js +1 -0
  77. package/lib/cjs/list.ws.js +1 -0
  78. package/lib/cjs/paragraph.ws.js +2 -0
  79. package/lib/cjs/radio-button.ws.js +1 -0
  80. package/lib/cjs/separator.ws.js +1 -0
  81. package/lib/cjs/text.ws.js +1 -0
  82. package/lib/cjs/textarea.ws.js +1 -0
  83. package/lib/cjs/vimeo.ws.js +1 -0
  84. package/lib/code-text.js +4 -13
  85. package/lib/code-text.ws.js +8 -7
  86. package/lib/form.ws.js +1 -0
  87. package/lib/heading.ws.js +2 -0
  88. package/lib/html-embed.ws.js +1 -0
  89. package/lib/image.ws.js +1 -0
  90. package/lib/input.ws.js +1 -0
  91. package/lib/label.ws.js +1 -1
  92. package/lib/link.ws.js +2 -0
  93. package/lib/list-item.ws.js +1 -0
  94. package/lib/list.ws.js +1 -0
  95. package/lib/paragraph.ws.js +2 -0
  96. package/lib/radio-button.ws.js +1 -0
  97. package/lib/separator.ws.js +1 -0
  98. package/lib/text.ws.js +1 -0
  99. package/lib/textarea.ws.js +1 -0
  100. package/lib/types/box.d.ts +1 -0
  101. package/lib/types/code-text.d.ts +2 -8
  102. package/lib/types/heading.d.ts +1 -0
  103. package/lib/types/list.d.ts +1 -0
  104. package/lib/types/text.d.ts +2 -1
  105. package/lib/types/vimeo-preview-image.d.ts +2 -2
  106. package/lib/types/vimeo.d.ts +1 -1
  107. package/lib/vimeo.ws.js +1 -0
  108. package/package.json +6 -6
  109. package/src/__generated__/blockquote.props.ts +131 -20
  110. package/src/__generated__/body.props.ts +124 -19
  111. package/src/__generated__/bold.props.ts +124 -19
  112. package/src/__generated__/box.props.ts +126 -19
  113. package/src/__generated__/button.props.ts +180 -27
  114. package/src/__generated__/checkbox.props.ts +289 -47
  115. package/src/__generated__/code-text.props.ts +121 -23
  116. package/src/__generated__/form.props.ts +179 -27
  117. package/src/__generated__/heading.props.ts +126 -19
  118. package/src/__generated__/image.props.ts +160 -24
  119. package/src/__generated__/input.props.ts +291 -47
  120. package/src/__generated__/italic.props.ts +124 -19
  121. package/src/__generated__/label.props.ts +137 -21
  122. package/src/__generated__/link.props.ts +159 -24
  123. package/src/__generated__/list-item.props.ts +124 -19
  124. package/src/__generated__/list.props.ts +140 -21
  125. package/src/__generated__/paragraph.props.ts +124 -19
  126. package/src/__generated__/radio-button.props.ts +289 -47
  127. package/src/__generated__/rich-text-link.props.ts +159 -24
  128. package/src/__generated__/separator.props.ts +124 -19
  129. package/src/__generated__/span.props.ts +124 -19
  130. package/src/__generated__/subscript.props.ts +124 -19
  131. package/src/__generated__/superscript.props.ts +124 -19
  132. package/src/__generated__/text.props.ts +128 -21
  133. package/src/__generated__/textarea.props.ts +195 -30
  134. package/src/__generated__/vimeo-play-button.props.ts +179 -27
  135. package/src/__generated__/vimeo-preview-image.props.ts +160 -24
  136. package/src/__generated__/vimeo-spinner.props.ts +124 -19
  137. package/src/__generated__/vimeo.props.ts +125 -20
  138. package/src/blockquote.ws.tsx +3 -1
  139. package/src/box.tsx +1 -0
  140. package/src/box.ws.ts +2 -0
  141. package/src/button.ws.tsx +2 -0
  142. package/src/checkbox.ws.tsx +2 -0
  143. package/src/code-text.tsx +8 -22
  144. package/src/code-text.ws.tsx +10 -7
  145. package/src/form.ws.tsx +1 -0
  146. package/src/heading.tsx +1 -0
  147. package/src/heading.ws.tsx +3 -0
  148. package/src/html-embed.ws.ts +1 -0
  149. package/src/image.ws.tsx +2 -0
  150. package/src/input.ws.tsx +2 -0
  151. package/src/label.ws.tsx +1 -1
  152. package/src/link.ws.tsx +3 -0
  153. package/src/list-item.ws.tsx +1 -0
  154. package/src/list.tsx +1 -0
  155. package/src/list.ws.tsx +1 -0
  156. package/src/paragraph.ws.tsx +2 -0
  157. package/src/radio-button.ws.tsx +2 -0
  158. package/src/separator.ws.tsx +2 -0
  159. package/src/text.tsx +2 -1
  160. package/src/text.ws.tsx +2 -0
  161. package/src/textarea.ws.tsx +2 -0
  162. package/src/vimeo.tsx +1 -1
  163. package/src/vimeo.ws.ts +2 -0
package/src/__generated__/list-item.props.ts CHANGED
@@ -2,7 +2,12 @@ import type { PropMeta } from "@webstudio-is/generate-arg-types";
2
2
 
3
3
  export const props: Record<string, PropMeta> = {
4
4
  about: { required: false, control: "text", type: "string" },
5
- accessKey: { required: false, control: "text", type: "string" },
5
+ accessKey: {
6
+ required: false,
7
+ control: "text",
8
+ type: "string",
9
+ description: "Keyboard shortcut to activate or add focus to the element.",
10
+ },
6
11
  "aria-activedescendant": {
7
12
  description:
8
13
  "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
@@ -183,7 +188,7 @@ export const props: Record<string, PropMeta> = {
183
188
  },
184
189
  "aria-label": {
185
190
  description:
186
- "Defines a string value that labels the current element.\n@see aria-labelledby.",
191
+ "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.",
187
192
  required: false,
188
193
  control: "text",
189
194
  type: "string",
@@ -382,20 +387,73 @@ export const props: Record<string, PropMeta> = {
382
387
  control: "text",
383
388
  type: "string",
384
389
  },
385
- autoCapitalize: { required: false, control: "text", type: "string" },
390
+ autoCapitalize: {
391
+ required: false,
392
+ control: "text",
393
+ type: "string",
394
+ description:
395
+ "Sets whether input is automatically capitalized when entered by user.",
396
+ },
386
397
  autoCorrect: { required: false, control: "text", type: "string" },
387
- autoFocus: { required: false, control: "boolean", type: "boolean" },
398
+ autoFocus: {
399
+ required: false,
400
+ control: "boolean",
401
+ type: "boolean",
402
+ description:
403
+ "Indicates that an element should be focused on page load, or when its parent dialog is displayed.",
404
+ },
388
405
  autoSave: { required: false, control: "text", type: "string" },
389
406
  className: { required: false, control: "text", type: "string" },
390
- color: { required: false, control: "color", type: "string" },
391
- content: { required: false, control: "text", type: "string" },
392
- contextMenu: { required: false, control: "text", type: "string" },
407
+ color: {
408
+ required: false,
409
+ control: "color",
410
+ type: "string",
411
+ description:
412
+ "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.",
413
+ },
414
+ content: {
415
+ required: false,
416
+ control: "text",
417
+ type: "string",
418
+ description:
419
+ "A value associated with http-equiv orname depending on the context.",
420
+ },
421
+ contextMenu: {
422
+ required: false,
423
+ control: "text",
424
+ type: "string",
425
+ description:
426
+ "Defines the ID of a menu element which willserve as the element's context menu.",
427
+ },
393
428
  datatype: { required: false, control: "text", type: "string" },
394
429
  defaultChecked: { required: false, control: "boolean", type: "boolean" },
395
- dir: { required: false, control: "text", type: "string" },
396
- draggable: { required: false, control: "boolean", type: "boolean" },
397
- hidden: { required: false, control: "boolean", type: "boolean" },
398
- id: { required: false, control: "text", type: "string" },
430
+ dir: {
431
+ required: false,
432
+ control: "text",
433
+ type: "string",
434
+ description:
435
+ "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)",
436
+ },
437
+ draggable: {
438
+ required: false,
439
+ control: "boolean",
440
+ type: "boolean",
441
+ description: "Defines whether the element can be dragged.",
442
+ },
443
+ hidden: {
444
+ required: false,
445
+ control: "boolean",
446
+ type: "boolean",
447
+ description:
448
+ "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.",
449
+ },
450
+ id: {
451
+ required: false,
452
+ control: "text",
453
+ type: "string",
454
+ description:
455
+ "Often used with CSS to style a specific element. The value of this attribute must be unique.",
456
+ },
399
457
  inputMode: {
400
458
  description:
401
459
  "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",
@@ -425,20 +483,53 @@ export const props: Record<string, PropMeta> = {
425
483
  itemRef: { required: false, control: "text", type: "string" },
426
484
  itemScope: { required: false, control: "boolean", type: "boolean" },
427
485
  itemType: { required: false, control: "text", type: "string" },
428
- lang: { required: false, control: "text", type: "string" },
486
+ lang: {
487
+ required: false,
488
+ control: "text",
489
+ type: "string",
490
+ description: "Defines the language used in the element.",
491
+ },
429
492
  nonce: { required: false, control: "text", type: "string" },
430
- placeholder: { required: false, control: "text", type: "string" },
493
+ placeholder: {
494
+ required: false,
495
+ control: "text",
496
+ type: "string",
497
+ description:
498
+ "Provides a hint to the user of what can be entered in the field.",
499
+ },
431
500
  prefix: { required: false, control: "text", type: "string" },
432
501
  property: { required: false, control: "text", type: "string" },
433
502
  radioGroup: { required: false, control: "text", type: "string" },
434
- rel: { required: false, control: "text", type: "string" },
503
+ rel: {
504
+ required: false,
505
+ control: "text",
506
+ type: "string",
507
+ description:
508
+ "Specifies the relationship of the target object to the link object.",
509
+ },
435
510
  resource: { required: false, control: "text", type: "string" },
436
511
  results: { required: false, control: "number", type: "number" },
437
512
  rev: { required: false, control: "text", type: "string" },
438
- role: { required: false, control: "text", type: "string" },
513
+ role: {
514
+ required: false,
515
+ control: "text",
516
+ type: "string",
517
+ description:
518
+ "Defines an explicit role for an element for use by assistive technologies.",
519
+ },
439
520
  security: { required: false, control: "text", type: "string" },
440
- slot: { required: false, control: "text", type: "string" },
441
- spellCheck: { required: false, control: "boolean", type: "boolean" },
521
+ slot: {
522
+ required: false,
523
+ control: "text",
524
+ type: "string",
525
+ description: "Assigns a slot in a shadow DOM shadow tree to an element.",
526
+ },
527
+ spellCheck: {
528
+ required: false,
529
+ control: "boolean",
530
+ type: "boolean",
531
+ description: "Indicates whether spell checking is allowed for the element.",
532
+ },
442
533
  suppressContentEditableWarning: {
443
534
  required: false,
444
535
  control: "boolean",
@@ -449,13 +540,27 @@ export const props: Record<string, PropMeta> = {
449
540
  control: "boolean",
450
541
  type: "boolean",
451
542
  },
452
- tabIndex: { required: false, control: "number", type: "number" },
453
- title: { required: false, control: "text", type: "string" },
543
+ tabIndex: {
544
+ required: false,
545
+ control: "number",
546
+ type: "number",
547
+ description:
548
+ "Overrides the browser's default tab order and follows the one specified instead.",
549
+ },
550
+ title: {
551
+ required: false,
552
+ control: "text",
553
+ type: "string",
554
+ description:
555
+ "Text to be displayed in a tooltip when hovering over the element.",
556
+ },
454
557
  translate: {
455
558
  required: false,
456
559
  control: "radio",
457
560
  type: "string",
458
561
  options: ["yes", "no"],
562
+ description:
563
+ "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.",
459
564
  },
460
565
  typeof: { required: false, control: "text", type: "string" },
461
566
  unselectable: {
package/src/__generated__/list.props.ts CHANGED
@@ -2,7 +2,12 @@ import type { PropMeta } from "@webstudio-is/generate-arg-types";
2
2
 
3
3
  export const props: Record<string, PropMeta> = {
4
4
  about: { required: false, control: "text", type: "string" },
5
- accessKey: { required: false, control: "text", type: "string" },
5
+ accessKey: {
6
+ required: false,
7
+ control: "text",
8
+ type: "string",
9
+ description: "Keyboard shortcut to activate or add focus to the element.",
10
+ },
6
11
  "aria-activedescendant": {
7
12
  description:
8
13
  "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
@@ -183,7 +188,7 @@ export const props: Record<string, PropMeta> = {
183
188
  },
184
189
  "aria-label": {
185
190
  description:
186
- "Defines a string value that labels the current element.\n@see aria-labelledby.",
191
+ "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.",
187
192
  required: false,
188
193
  control: "text",
189
194
  type: "string",
@@ -382,20 +387,73 @@ export const props: Record<string, PropMeta> = {
382
387
  control: "text",
383
388
  type: "string",
384
389
  },
385
- autoCapitalize: { required: false, control: "text", type: "string" },
390
+ autoCapitalize: {
391
+ required: false,
392
+ control: "text",
393
+ type: "string",
394
+ description:
395
+ "Sets whether input is automatically capitalized when entered by user.",
396
+ },
386
397
  autoCorrect: { required: false, control: "text", type: "string" },
387
- autoFocus: { required: false, control: "boolean", type: "boolean" },
398
+ autoFocus: {
399
+ required: false,
400
+ control: "boolean",
401
+ type: "boolean",
402
+ description:
403
+ "Indicates that an element should be focused on page load, or when its parent dialog is displayed.",
404
+ },
388
405
  autoSave: { required: false, control: "text", type: "string" },
389
406
  className: { required: false, control: "text", type: "string" },
390
- color: { required: false, control: "color", type: "string" },
391
- content: { required: false, control: "text", type: "string" },
392
- contextMenu: { required: false, control: "text", type: "string" },
407
+ color: {
408
+ required: false,
409
+ control: "color",
410
+ type: "string",
411
+ description:
412
+ "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.",
413
+ },
414
+ content: {
415
+ required: false,
416
+ control: "text",
417
+ type: "string",
418
+ description:
419
+ "A value associated with http-equiv orname depending on the context.",
420
+ },
421
+ contextMenu: {
422
+ required: false,
423
+ control: "text",
424
+ type: "string",
425
+ description:
426
+ "Defines the ID of a menu element which willserve as the element's context menu.",
427
+ },
393
428
  datatype: { required: false, control: "text", type: "string" },
394
429
  defaultChecked: { required: false, control: "boolean", type: "boolean" },
395
- dir: { required: false, control: "text", type: "string" },
396
- draggable: { required: false, control: "boolean", type: "boolean" },
397
- hidden: { required: false, control: "boolean", type: "boolean" },
398
- id: { required: false, control: "text", type: "string" },
430
+ dir: {
431
+ required: false,
432
+ control: "text",
433
+ type: "string",
434
+ description:
435
+ "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)",
436
+ },
437
+ draggable: {
438
+ required: false,
439
+ control: "boolean",
440
+ type: "boolean",
441
+ description: "Defines whether the element can be dragged.",
442
+ },
443
+ hidden: {
444
+ required: false,
445
+ control: "boolean",
446
+ type: "boolean",
447
+ description:
448
+ "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.",
449
+ },
450
+ id: {
451
+ required: false,
452
+ control: "text",
453
+ type: "string",
454
+ description:
455
+ "Often used with CSS to style a specific element. The value of this attribute must be unique.",
456
+ },
399
457
  inputMode: {
400
458
  description:
401
459
  "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",
@@ -425,28 +483,74 @@ export const props: Record<string, PropMeta> = {
425
483
  itemRef: { required: false, control: "text", type: "string" },
426
484
  itemScope: { required: false, control: "boolean", type: "boolean" },
427
485
  itemType: { required: false, control: "text", type: "string" },
428
- lang: { required: false, control: "text", type: "string" },
486
+ lang: {
487
+ required: false,
488
+ control: "text",
489
+ type: "string",
490
+ description: "Defines the language used in the element.",
491
+ },
429
492
  nonce: { required: false, control: "text", type: "string" },
430
493
  ordered: {
494
+ description:
495
+ "Shows numbers instead of bullets when toggled. See the “List Style Type” property under the “List Item” section in the Style panel for more options.",
431
496
  required: false,
432
497
  control: "boolean",
433
498
  type: "boolean",
434
499
  defaultValue: false,
435
500
  },
436
- placeholder: { required: false, control: "text", type: "string" },
501
+ placeholder: {
502
+ required: false,
503
+ control: "text",
504
+ type: "string",
505
+ description:
506
+ "Provides a hint to the user of what can be entered in the field.",
507
+ },
437
508
  prefix: { required: false, control: "text", type: "string" },
438
509
  property: { required: false, control: "text", type: "string" },
439
510
  radioGroup: { required: false, control: "text", type: "string" },
440
- rel: { required: false, control: "text", type: "string" },
511
+ rel: {
512
+ required: false,
513
+ control: "text",
514
+ type: "string",
515
+ description:
516
+ "Specifies the relationship of the target object to the link object.",
517
+ },
441
518
  resource: { required: false, control: "text", type: "string" },
442
519
  results: { required: false, control: "number", type: "number" },
443
520
  rev: { required: false, control: "text", type: "string" },
444
- reversed: { required: false, control: "boolean", type: "boolean" },
445
- role: { required: false, control: "text", type: "string" },
521
+ reversed: {
522
+ required: false,
523
+ control: "boolean",
524
+ type: "boolean",
525
+ description:
526
+ "Indicates whether the list should be displayed in a descending order instead of an ascending order.",
527
+ },
528
+ role: {
529
+ required: false,
530
+ control: "text",
531
+ type: "string",
532
+ description:
533
+ "Defines an explicit role for an element for use by assistive technologies.",
534
+ },
446
535
  security: { required: false, control: "text", type: "string" },
447
- slot: { required: false, control: "text", type: "string" },
448
- spellCheck: { required: false, control: "boolean", type: "boolean" },
449
- start: { required: false, control: "number", type: "number" },
536
+ slot: {
537
+ required: false,
538
+ control: "text",
539
+ type: "string",
540
+ description: "Assigns a slot in a shadow DOM shadow tree to an element.",
541
+ },
542
+ spellCheck: {
543
+ required: false,
544
+ control: "boolean",
545
+ type: "boolean",
546
+ description: "Indicates whether spell checking is allowed for the element.",
547
+ },
548
+ start: {
549
+ required: false,
550
+ control: "number",
551
+ type: "number",
552
+ description: "Defines the first number if other than 1.",
553
+ },
450
554
  suppressContentEditableWarning: {
451
555
  required: false,
452
556
  control: "boolean",
@@ -457,19 +561,34 @@ export const props: Record<string, PropMeta> = {
457
561
  control: "boolean",
458
562
  type: "boolean",
459
563
  },
460
- tabIndex: { required: false, control: "number", type: "number" },
461
- title: { required: false, control: "text", type: "string" },
564
+ tabIndex: {
565
+ required: false,
566
+ control: "number",
567
+ type: "number",
568
+ description:
569
+ "Overrides the browser's default tab order and follows the one specified instead.",
570
+ },
571
+ title: {
572
+ required: false,
573
+ control: "text",
574
+ type: "string",
575
+ description:
576
+ "Text to be displayed in a tooltip when hovering over the element.",
577
+ },
462
578
  translate: {
463
579
  required: false,
464
580
  control: "radio",
465
581
  type: "string",
466
582
  options: ["yes", "no"],
583
+ description:
584
+ "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.",
467
585
  },
468
586
  type: {
469
587
  required: false,
470
588
  control: "select",
471
589
  type: "string",
472
590
  options: ["a", "i", "1", "A", "I"],
591
+ description: "Defines the type of the element.",
473
592
  },
474
593
  typeof: { required: false, control: "text", type: "string" },
475
594
  unselectable: {
package/src/__generated__/paragraph.props.ts CHANGED
@@ -2,7 +2,12 @@ import type { PropMeta } from "@webstudio-is/generate-arg-types";
2
2
 
3
3
  export const props: Record<string, PropMeta> = {
4
4
  about: { required: false, control: "text", type: "string" },
5
- accessKey: { required: false, control: "text", type: "string" },
5
+ accessKey: {
6
+ required: false,
7
+ control: "text",
8
+ type: "string",
9
+ description: "Keyboard shortcut to activate or add focus to the element.",
10
+ },
6
11
  "aria-activedescendant": {
7
12
  description:
8
13
  "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
@@ -183,7 +188,7 @@ export const props: Record<string, PropMeta> = {
183
188
  },
184
189
  "aria-label": {
185
190
  description:
186
- "Defines a string value that labels the current element.\n@see aria-labelledby.",
191
+ "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.",
187
192
  required: false,
188
193
  control: "text",
189
194
  type: "string",
@@ -382,20 +387,73 @@ export const props: Record<string, PropMeta> = {
382
387
  control: "text",
383
388
  type: "string",
384
389
  },
385
- autoCapitalize: { required: false, control: "text", type: "string" },
390
+ autoCapitalize: {
391
+ required: false,
392
+ control: "text",
393
+ type: "string",
394
+ description:
395
+ "Sets whether input is automatically capitalized when entered by user.",
396
+ },
386
397
  autoCorrect: { required: false, control: "text", type: "string" },
387
- autoFocus: { required: false, control: "boolean", type: "boolean" },
398
+ autoFocus: {
399
+ required: false,
400
+ control: "boolean",
401
+ type: "boolean",
402
+ description:
403
+ "Indicates that an element should be focused on page load, or when its parent dialog is displayed.",
404
+ },
388
405
  autoSave: { required: false, control: "text", type: "string" },
389
406
  className: { required: false, control: "text", type: "string" },
390
- color: { required: false, control: "color", type: "string" },
391
- content: { required: false, control: "text", type: "string" },
392
- contextMenu: { required: false, control: "text", type: "string" },
407
+ color: {
408
+ required: false,
409
+ control: "color",
410
+ type: "string",
411
+ description:
412
+ "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.",
413
+ },
414
+ content: {
415
+ required: false,
416
+ control: "text",
417
+ type: "string",
418
+ description:
419
+ "A value associated with http-equiv orname depending on the context.",
420
+ },
421
+ contextMenu: {
422
+ required: false,
423
+ control: "text",
424
+ type: "string",
425
+ description:
426
+ "Defines the ID of a menu element which willserve as the element's context menu.",
427
+ },
393
428
  datatype: { required: false, control: "text", type: "string" },
394
429
  defaultChecked: { required: false, control: "boolean", type: "boolean" },
395
- dir: { required: false, control: "text", type: "string" },
396
- draggable: { required: false, control: "boolean", type: "boolean" },
397
- hidden: { required: false, control: "boolean", type: "boolean" },
398
- id: { required: false, control: "text", type: "string" },
430
+ dir: {
431
+ required: false,
432
+ control: "text",
433
+ type: "string",
434
+ description:
435
+ "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)",
436
+ },
437
+ draggable: {
438
+ required: false,
439
+ control: "boolean",
440
+ type: "boolean",
441
+ description: "Defines whether the element can be dragged.",
442
+ },
443
+ hidden: {
444
+ required: false,
445
+ control: "boolean",
446
+ type: "boolean",
447
+ description:
448
+ "Prevents rendering of given element, while keeping child elements, e.g. script elements, active.",
449
+ },
450
+ id: {
451
+ required: false,
452
+ control: "text",
453
+ type: "string",
454
+ description:
455
+ "Often used with CSS to style a specific element. The value of this attribute must be unique.",
456
+ },
399
457
  inputMode: {
400
458
  description:
401
459
  "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",
@@ -425,20 +483,53 @@ export const props: Record<string, PropMeta> = {
425
483
  itemRef: { required: false, control: "text", type: "string" },
426
484
  itemScope: { required: false, control: "boolean", type: "boolean" },
427
485
  itemType: { required: false, control: "text", type: "string" },
428
- lang: { required: false, control: "text", type: "string" },
486
+ lang: {
487
+ required: false,
488
+ control: "text",
489
+ type: "string",
490
+ description: "Defines the language used in the element.",
491
+ },
429
492
  nonce: { required: false, control: "text", type: "string" },
430
- placeholder: { required: false, control: "text", type: "string" },
493
+ placeholder: {
494
+ required: false,
495
+ control: "text",
496
+ type: "string",
497
+ description:
498
+ "Provides a hint to the user of what can be entered in the field.",
499
+ },
431
500
  prefix: { required: false, control: "text", type: "string" },
432
501
  property: { required: false, control: "text", type: "string" },
433
502
  radioGroup: { required: false, control: "text", type: "string" },
434
- rel: { required: false, control: "text", type: "string" },
503
+ rel: {
504
+ required: false,
505
+ control: "text",
506
+ type: "string",
507
+ description:
508
+ "Specifies the relationship of the target object to the link object.",
509
+ },
435
510
  resource: { required: false, control: "text", type: "string" },
436
511
  results: { required: false, control: "number", type: "number" },
437
512
  rev: { required: false, control: "text", type: "string" },
438
- role: { required: false, control: "text", type: "string" },
513
+ role: {
514
+ required: false,
515
+ control: "text",
516
+ type: "string",
517
+ description:
518
+ "Defines an explicit role for an element for use by assistive technologies.",
519
+ },
439
520
  security: { required: false, control: "text", type: "string" },
440
- slot: { required: false, control: "text", type: "string" },
441
- spellCheck: { required: false, control: "boolean", type: "boolean" },
521
+ slot: {
522
+ required: false,
523
+ control: "text",
524
+ type: "string",
525
+ description: "Assigns a slot in a shadow DOM shadow tree to an element.",
526
+ },
527
+ spellCheck: {
528
+ required: false,
529
+ control: "boolean",
530
+ type: "boolean",
531
+ description: "Indicates whether spell checking is allowed for the element.",
532
+ },
442
533
  suppressContentEditableWarning: {
443
534
  required: false,
444
535
  control: "boolean",
@@ -449,13 +540,27 @@ export const props: Record<string, PropMeta> = {
449
540
  control: "boolean",
450
541
  type: "boolean",
451
542
  },
452
- tabIndex: { required: false, control: "number", type: "number" },
453
- title: { required: false, control: "text", type: "string" },
543
+ tabIndex: {
544
+ required: false,
545
+ control: "number",
546
+ type: "number",
547
+ description:
548
+ "Overrides the browser's default tab order and follows the one specified instead.",
549
+ },
550
+ title: {
551
+ required: false,
552
+ control: "text",
553
+ type: "string",
554
+ description:
555
+ "Text to be displayed in a tooltip when hovering over the element.",
556
+ },
454
557
  translate: {
455
558
  required: false,
456
559
  control: "radio",
457
560
  type: "string",
458
561
  options: ["yes", "no"],
562
+ description:
563
+ "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.",
459
564
  },
460
565
  typeof: { required: false, control: "text", type: "string" },
461
566
  unselectable: {