@webstudio-is/sdk-components-react 0.81.0 → 0.83.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 (172) hide show
  1. package/LICENSE +661 -21
  2. package/lib/__generated__/blockquote.props.js +30 -5
  3. package/lib/__generated__/body.props.js +30 -5
  4. package/lib/__generated__/bold.props.js +30 -5
  5. package/lib/__generated__/box.props.js +30 -5
  6. package/lib/__generated__/button.props.js +30 -5
  7. package/lib/__generated__/checkbox.props.js +31 -6
  8. package/lib/__generated__/code-text.props.js +30 -5
  9. package/lib/__generated__/form.props.js +30 -5
  10. package/lib/__generated__/heading.props.js +30 -5
  11. package/lib/__generated__/image.props.js +31 -5
  12. package/lib/__generated__/input.props.js +30 -5
  13. package/lib/__generated__/italic.props.js +30 -5
  14. package/lib/__generated__/label.props.js +30 -5
  15. package/lib/__generated__/link.props.js +30 -5
  16. package/lib/__generated__/list-item.props.js +30 -5
  17. package/lib/__generated__/list.props.js +30 -5
  18. package/lib/__generated__/paragraph.props.js +30 -5
  19. package/lib/__generated__/radio-button.props.js +31 -6
  20. package/lib/__generated__/radix-dialog.props.js +2120 -0
  21. package/lib/__generated__/{link-block.props.js → radix-popover.props.js} +151 -114
  22. package/lib/__generated__/radix-tooltip.props.js +473 -0
  23. package/lib/__generated__/rich-text-link.props.js +30 -5
  24. package/lib/__generated__/separator.props.js +30 -5
  25. package/lib/__generated__/span.props.js +30 -5
  26. package/lib/__generated__/subscript.props.js +30 -5
  27. package/lib/__generated__/superscript.props.js +30 -5
  28. package/lib/__generated__/text.props.js +30 -5
  29. package/lib/__generated__/textarea.props.js +30 -5
  30. package/lib/__generated__/vimeo-play-button.props.js +30 -5
  31. package/lib/__generated__/vimeo-preview-image.props.js +30 -5
  32. package/lib/__generated__/vimeo-spinner.props.js +30 -5
  33. package/lib/__generated__/vimeo.props.js +30 -5
  34. package/lib/body.ws.js +11 -1
  35. package/lib/cjs/__generated__/blockquote.props.js +30 -5
  36. package/lib/cjs/__generated__/body.props.js +30 -5
  37. package/lib/cjs/__generated__/bold.props.js +30 -5
  38. package/lib/cjs/__generated__/box.props.js +30 -5
  39. package/lib/cjs/__generated__/button.props.js +30 -5
  40. package/lib/cjs/__generated__/checkbox.props.js +31 -6
  41. package/lib/cjs/__generated__/code-text.props.js +30 -5
  42. package/lib/cjs/__generated__/form.props.js +30 -5
  43. package/lib/cjs/__generated__/heading.props.js +30 -5
  44. package/lib/cjs/__generated__/image.props.js +31 -5
  45. package/lib/cjs/__generated__/input.props.js +30 -5
  46. package/lib/cjs/__generated__/italic.props.js +30 -5
  47. package/lib/cjs/__generated__/label.props.js +30 -5
  48. package/lib/cjs/__generated__/link.props.js +30 -5
  49. package/lib/cjs/__generated__/list-item.props.js +30 -5
  50. package/lib/cjs/__generated__/list.props.js +30 -5
  51. package/lib/cjs/__generated__/paragraph.props.js +30 -5
  52. package/lib/cjs/__generated__/radio-button.props.js +31 -6
  53. package/lib/cjs/__generated__/radix-dialog.props.js +2140 -0
  54. package/lib/cjs/__generated__/{link-block.props.js → radix-popover.props.js} +154 -117
  55. package/lib/cjs/__generated__/radix-tooltip.props.js +493 -0
  56. package/lib/cjs/__generated__/rich-text-link.props.js +30 -5
  57. package/lib/cjs/__generated__/separator.props.js +30 -5
  58. package/lib/cjs/__generated__/span.props.js +30 -5
  59. package/lib/cjs/__generated__/subscript.props.js +30 -5
  60. package/lib/cjs/__generated__/superscript.props.js +30 -5
  61. package/lib/cjs/__generated__/text.props.js +30 -5
  62. package/lib/cjs/__generated__/textarea.props.js +30 -5
  63. package/lib/cjs/__generated__/vimeo-play-button.props.js +30 -5
  64. package/lib/cjs/__generated__/vimeo-preview-image.props.js +30 -5
  65. package/lib/cjs/__generated__/vimeo-spinner.props.js +30 -5
  66. package/lib/cjs/__generated__/vimeo.props.js +30 -5
  67. package/lib/cjs/body.ws.js +11 -1
  68. package/lib/cjs/components.js +16 -0
  69. package/lib/cjs/image.js +12 -2
  70. package/lib/cjs/label.ws.js +1 -1
  71. package/lib/cjs/metas.js +16 -0
  72. package/lib/cjs/props.js +16 -0
  73. package/lib/cjs/radix-dialog.js +61 -0
  74. package/lib/cjs/radix-dialog.ws.js +300 -0
  75. package/lib/cjs/radix-popover.js +59 -0
  76. package/lib/cjs/radix-popover.ws.js +139 -0
  77. package/lib/cjs/radix-tooltip.js +51 -0
  78. package/lib/cjs/radix-tooltip.ws.js +140 -0
  79. package/lib/cjs/theme/radix-common-types.js +16 -0
  80. package/lib/cjs/theme/tailwind-classes.js +439 -0
  81. package/lib/cjs/theme/tailwind-colors.js +33 -0
  82. package/lib/cjs/theme/tailwind-theme.js +46 -0
  83. package/lib/cjs/vimeo-play-button.ws.js +1 -0
  84. package/lib/cjs/vimeo-preview-image.ws.js +1 -0
  85. package/lib/cjs/vimeo.ws.js +1 -0
  86. package/lib/components.js +24 -0
  87. package/lib/image.js +12 -2
  88. package/lib/label.ws.js +2 -2
  89. package/lib/metas.js +32 -0
  90. package/lib/props.js +32 -0
  91. package/lib/radix-dialog.js +36 -0
  92. package/lib/radix-dialog.ws.js +279 -0
  93. package/lib/radix-popover.js +34 -0
  94. package/lib/radix-popover.ws.js +114 -0
  95. package/lib/radix-tooltip.js +26 -0
  96. package/lib/radix-tooltip.ws.js +115 -0
  97. package/lib/theme/radix-common-types.js +0 -0
  98. package/lib/theme/tailwind-classes.js +419 -0
  99. package/lib/theme/tailwind-colors.js +13 -0
  100. package/lib/theme/tailwind-theme.js +16 -0
  101. package/lib/types/__generated__/radix-dialog.props.d.ts +8 -0
  102. package/lib/types/__generated__/radix-popover.props.d.ts +4 -0
  103. package/lib/types/__generated__/radix-tooltip.props.d.ts +4 -0
  104. package/lib/types/components.d.ts +3 -0
  105. package/lib/types/metas.d.ts +3 -0
  106. package/lib/types/props.d.ts +3 -0
  107. package/lib/types/radix-dialog.d.ts +26 -0
  108. package/lib/types/radix-dialog.ws.d.ts +23 -0
  109. package/lib/types/radix-popover.d.ts +22 -0
  110. package/lib/types/radix-popover.ws.d.ts +15 -0
  111. package/lib/types/radix-tooltip.d.ts +22 -0
  112. package/lib/types/radix-tooltip.ws.d.ts +15 -0
  113. package/lib/types/theme/radix-common-types.d.ts +84 -0
  114. package/lib/types/theme/tailwind-classes.d.ts +69 -0
  115. package/lib/types/theme/tailwind-colors.d.ts +19 -0
  116. package/lib/types/theme/tailwind-theme.d.ts +72 -0
  117. package/lib/types/vimeo-preview-image.d.ts +6 -1
  118. package/lib/vimeo-play-button.ws.js +1 -0
  119. package/lib/vimeo-preview-image.js +1 -1
  120. package/lib/vimeo-preview-image.ws.js +2 -0
  121. package/lib/vimeo.ws.js +1 -0
  122. package/package.json +18 -13
  123. package/src/LICENSE +661 -21
  124. package/src/__generated__/blockquote.props.ts +34 -5
  125. package/src/__generated__/body.props.ts +34 -5
  126. package/src/__generated__/bold.props.ts +34 -5
  127. package/src/__generated__/box.props.ts +34 -5
  128. package/src/__generated__/button.props.ts +34 -5
  129. package/src/__generated__/checkbox.props.ts +35 -6
  130. package/src/__generated__/code-text.props.ts +34 -5
  131. package/src/__generated__/form.props.ts +34 -5
  132. package/src/__generated__/heading.props.ts +34 -5
  133. package/src/__generated__/image.props.ts +35 -5
  134. package/src/__generated__/input.props.ts +34 -5
  135. package/src/__generated__/italic.props.ts +34 -5
  136. package/src/__generated__/label.props.ts +34 -5
  137. package/src/__generated__/link.props.ts +34 -5
  138. package/src/__generated__/list-item.props.ts +34 -5
  139. package/src/__generated__/list.props.ts +34 -5
  140. package/src/__generated__/paragraph.props.ts +34 -5
  141. package/src/__generated__/radio-button.props.ts +35 -6
  142. package/src/__generated__/radix-dialog.props.ts +2363 -0
  143. package/src/__generated__/{link-block.props.ts → radix-popover.props.ts} +153 -114
  144. package/src/__generated__/radix-tooltip.props.ts +521 -0
  145. package/src/__generated__/rich-text-link.props.ts +34 -5
  146. package/src/__generated__/separator.props.ts +34 -5
  147. package/src/__generated__/span.props.ts +34 -5
  148. package/src/__generated__/subscript.props.ts +34 -5
  149. package/src/__generated__/superscript.props.ts +34 -5
  150. package/src/__generated__/text.props.ts +34 -5
  151. package/src/__generated__/textarea.props.ts +34 -5
  152. package/src/__generated__/vimeo-play-button.props.ts +34 -5
  153. package/src/__generated__/vimeo-preview-image.props.ts +34 -5
  154. package/src/__generated__/vimeo-spinner.props.ts +34 -5
  155. package/src/__generated__/vimeo.props.ts +34 -5
  156. package/src/body.ws.tsx +11 -1
  157. package/src/components.ts +11 -0
  158. package/src/image.tsx +9 -2
  159. package/src/label.ws.tsx +2 -2
  160. package/src/metas.ts +21 -0
  161. package/src/props.ts +19 -0
  162. package/src/radix-dialog.tsx +91 -0
  163. package/src/radix-dialog.ws.tsx +291 -0
  164. package/src/radix-popover.tsx +89 -0
  165. package/src/radix-popover.ws.tsx +124 -0
  166. package/src/radix-tooltip.tsx +84 -0
  167. package/src/radix-tooltip.ws.tsx +125 -0
  168. package/src/theme/radix-common-types.ts +495 -0
  169. package/src/theme/tailwind-classes.ts +570 -0
  170. package/src/theme/tailwind-colors.ts +47 -0
  171. package/src/theme/tailwind-theme.ts +24 -0
  172. package/lib/types/__generated__/link-block.props.d.ts +0 -2
@@ -25,13 +25,21 @@ export const props: Record<string, PropMeta> = {
25
25
  type: "string",
26
26
  options: ["list", "none", "inline", "both"],
27
27
  },
28
- "aria-busy": {
28
+ "aria-braillelabel": {
29
29
  description:
30
- "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
30
+ "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
31
31
  required: false,
32
- control: "boolean",
33
- type: "boolean",
32
+ control: "text",
33
+ type: "string",
34
34
  },
35
+ "aria-brailleroledescription": {
36
+ description:
37
+ "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
38
+ required: false,
39
+ control: "text",
40
+ type: "string",
41
+ },
42
+ "aria-busy": { required: false, control: "boolean", type: "boolean" },
35
43
  "aria-checked": {
36
44
  description:
37
45
  'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
@@ -53,6 +61,13 @@ export const props: Record<string, PropMeta> = {
53
61
  control: "number",
54
62
  type: "number",
55
63
  },
64
+ "aria-colindextext": {
65
+ description:
66
+ "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
67
+ required: false,
68
+ control: "text",
69
+ type: "string",
70
+ },
56
71
  "aria-colspan": {
57
72
  description:
58
73
  "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
@@ -81,6 +96,13 @@ export const props: Record<string, PropMeta> = {
81
96
  control: "text",
82
97
  type: "string",
83
98
  },
99
+ "aria-description": {
100
+ description:
101
+ "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
102
+ required: false,
103
+ control: "text",
104
+ type: "string",
105
+ },
84
106
  "aria-details": {
85
107
  description:
86
108
  "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
@@ -298,6 +320,13 @@ export const props: Record<string, PropMeta> = {
298
320
  control: "number",
299
321
  type: "number",
300
322
  },
323
+ "aria-rowindextext": {
324
+ description:
325
+ "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
326
+ required: false,
327
+ control: "text",
328
+ type: "string",
329
+ },
301
330
  "aria-rowspan": {
302
331
  description:
303
332
  "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
@@ -374,9 +403,9 @@ export const props: Record<string, PropMeta> = {
374
403
  control: "select",
375
404
  type: "string",
376
405
  options: [
406
+ "search",
377
407
  "text",
378
408
  "none",
379
- "search",
380
409
  "tel",
381
410
  "url",
382
411
  "email",
@@ -26,13 +26,21 @@ export const props: Record<string, PropMeta> = {
26
26
  type: "string",
27
27
  options: ["list", "none", "inline", "both"],
28
28
  },
29
- "aria-busy": {
29
+ "aria-braillelabel": {
30
30
  description:
31
- "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
31
+ "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
32
32
  required: false,
33
- control: "boolean",
34
- type: "boolean",
33
+ control: "text",
34
+ type: "string",
35
35
  },
36
+ "aria-brailleroledescription": {
37
+ description:
38
+ "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
39
+ required: false,
40
+ control: "text",
41
+ type: "string",
42
+ },
43
+ "aria-busy": { required: false, control: "boolean", type: "boolean" },
36
44
  "aria-checked": {
37
45
  description:
38
46
  'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
@@ -54,6 +62,13 @@ export const props: Record<string, PropMeta> = {
54
62
  control: "number",
55
63
  type: "number",
56
64
  },
65
+ "aria-colindextext": {
66
+ description:
67
+ "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
68
+ required: false,
69
+ control: "text",
70
+ type: "string",
71
+ },
57
72
  "aria-colspan": {
58
73
  description:
59
74
  "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
@@ -82,6 +97,13 @@ export const props: Record<string, PropMeta> = {
82
97
  control: "text",
83
98
  type: "string",
84
99
  },
100
+ "aria-description": {
101
+ description:
102
+ "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
103
+ required: false,
104
+ control: "text",
105
+ type: "string",
106
+ },
85
107
  "aria-details": {
86
108
  description:
87
109
  "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
@@ -299,6 +321,13 @@ export const props: Record<string, PropMeta> = {
299
321
  control: "number",
300
322
  type: "number",
301
323
  },
324
+ "aria-rowindextext": {
325
+ description:
326
+ "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
327
+ required: false,
328
+ control: "text",
329
+ type: "string",
330
+ },
302
331
  "aria-rowspan": {
303
332
  description:
304
333
  "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
@@ -388,9 +417,9 @@ export const props: Record<string, PropMeta> = {
388
417
  control: "select",
389
418
  type: "string",
390
419
  options: [
420
+ "search",
391
421
  "text",
392
422
  "none",
393
- "search",
394
423
  "tel",
395
424
  "url",
396
425
  "email",
@@ -415,6 +444,7 @@ export const props: Record<string, PropMeta> = {
415
444
  required: false,
416
445
  control: "radio",
417
446
  type: "string",
447
+ defaultValue: "lazy",
418
448
  options: ["eager", "lazy"],
419
449
  },
420
450
  nonce: { required: false, control: "text", type: "string" },
@@ -27,13 +27,21 @@ export const props: Record<string, PropMeta> = {
27
27
  type: "string",
28
28
  options: ["list", "none", "inline", "both"],
29
29
  },
30
- "aria-busy": {
30
+ "aria-braillelabel": {
31
31
  description:
32
- "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
32
+ "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
33
33
  required: false,
34
- control: "boolean",
35
- type: "boolean",
34
+ control: "text",
35
+ type: "string",
36
36
  },
37
+ "aria-brailleroledescription": {
38
+ description:
39
+ "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
40
+ required: false,
41
+ control: "text",
42
+ type: "string",
43
+ },
44
+ "aria-busy": { required: false, control: "boolean", type: "boolean" },
37
45
  "aria-checked": {
38
46
  description:
39
47
  'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
@@ -55,6 +63,13 @@ export const props: Record<string, PropMeta> = {
55
63
  control: "number",
56
64
  type: "number",
57
65
  },
66
+ "aria-colindextext": {
67
+ description:
68
+ "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
69
+ required: false,
70
+ control: "text",
71
+ type: "string",
72
+ },
58
73
  "aria-colspan": {
59
74
  description:
60
75
  "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
@@ -83,6 +98,13 @@ export const props: Record<string, PropMeta> = {
83
98
  control: "text",
84
99
  type: "string",
85
100
  },
101
+ "aria-description": {
102
+ description:
103
+ "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
104
+ required: false,
105
+ control: "text",
106
+ type: "string",
107
+ },
86
108
  "aria-details": {
87
109
  description:
88
110
  "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
@@ -300,6 +322,13 @@ export const props: Record<string, PropMeta> = {
300
322
  control: "number",
301
323
  type: "number",
302
324
  },
325
+ "aria-rowindextext": {
326
+ description:
327
+ "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
328
+ required: false,
329
+ control: "text",
330
+ type: "string",
331
+ },
303
332
  "aria-rowspan": {
304
333
  description:
305
334
  "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
@@ -398,11 +427,11 @@ export const props: Record<string, PropMeta> = {
398
427
  control: "select",
399
428
  type: "string",
400
429
  options: [
430
+ "search",
401
431
  "text",
402
432
  "email",
403
433
  "tel",
404
434
  "url",
405
- "search",
406
435
  "none",
407
436
  "numeric",
408
437
  "decimal",
@@ -25,13 +25,21 @@ export const props: Record<string, PropMeta> = {
25
25
  type: "string",
26
26
  options: ["list", "none", "inline", "both"],
27
27
  },
28
- "aria-busy": {
28
+ "aria-braillelabel": {
29
29
  description:
30
- "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
30
+ "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
31
31
  required: false,
32
- control: "boolean",
33
- type: "boolean",
32
+ control: "text",
33
+ type: "string",
34
34
  },
35
+ "aria-brailleroledescription": {
36
+ description:
37
+ "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
38
+ required: false,
39
+ control: "text",
40
+ type: "string",
41
+ },
42
+ "aria-busy": { required: false, control: "boolean", type: "boolean" },
35
43
  "aria-checked": {
36
44
  description:
37
45
  'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
@@ -53,6 +61,13 @@ export const props: Record<string, PropMeta> = {
53
61
  control: "number",
54
62
  type: "number",
55
63
  },
64
+ "aria-colindextext": {
65
+ description:
66
+ "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
67
+ required: false,
68
+ control: "text",
69
+ type: "string",
70
+ },
56
71
  "aria-colspan": {
57
72
  description:
58
73
  "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
@@ -81,6 +96,13 @@ export const props: Record<string, PropMeta> = {
81
96
  control: "text",
82
97
  type: "string",
83
98
  },
99
+ "aria-description": {
100
+ description:
101
+ "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
102
+ required: false,
103
+ control: "text",
104
+ type: "string",
105
+ },
84
106
  "aria-details": {
85
107
  description:
86
108
  "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
@@ -298,6 +320,13 @@ export const props: Record<string, PropMeta> = {
298
320
  control: "number",
299
321
  type: "number",
300
322
  },
323
+ "aria-rowindextext": {
324
+ description:
325
+ "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
326
+ required: false,
327
+ control: "text",
328
+ type: "string",
329
+ },
301
330
  "aria-rowspan": {
302
331
  description:
303
332
  "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
@@ -374,9 +403,9 @@ export const props: Record<string, PropMeta> = {
374
403
  control: "select",
375
404
  type: "string",
376
405
  options: [
406
+ "search",
377
407
  "text",
378
408
  "none",
379
- "search",
380
409
  "tel",
381
410
  "url",
382
411
  "email",
@@ -25,13 +25,21 @@ export const props: Record<string, PropMeta> = {
25
25
  type: "string",
26
26
  options: ["list", "none", "inline", "both"],
27
27
  },
28
- "aria-busy": {
28
+ "aria-braillelabel": {
29
29
  description:
30
- "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
30
+ "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
31
31
  required: false,
32
- control: "boolean",
33
- type: "boolean",
32
+ control: "text",
33
+ type: "string",
34
34
  },
35
+ "aria-brailleroledescription": {
36
+ description:
37
+ "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
38
+ required: false,
39
+ control: "text",
40
+ type: "string",
41
+ },
42
+ "aria-busy": { required: false, control: "boolean", type: "boolean" },
35
43
  "aria-checked": {
36
44
  description:
37
45
  'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
@@ -53,6 +61,13 @@ export const props: Record<string, PropMeta> = {
53
61
  control: "number",
54
62
  type: "number",
55
63
  },
64
+ "aria-colindextext": {
65
+ description:
66
+ "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
67
+ required: false,
68
+ control: "text",
69
+ type: "string",
70
+ },
56
71
  "aria-colspan": {
57
72
  description:
58
73
  "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
@@ -81,6 +96,13 @@ export const props: Record<string, PropMeta> = {
81
96
  control: "text",
82
97
  type: "string",
83
98
  },
99
+ "aria-description": {
100
+ description:
101
+ "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
102
+ required: false,
103
+ control: "text",
104
+ type: "string",
105
+ },
84
106
  "aria-details": {
85
107
  description:
86
108
  "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
@@ -298,6 +320,13 @@ export const props: Record<string, PropMeta> = {
298
320
  control: "number",
299
321
  type: "number",
300
322
  },
323
+ "aria-rowindextext": {
324
+ description:
325
+ "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
326
+ required: false,
327
+ control: "text",
328
+ type: "string",
329
+ },
301
330
  "aria-rowspan": {
302
331
  description:
303
332
  "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
@@ -376,9 +405,9 @@ export const props: Record<string, PropMeta> = {
376
405
  control: "select",
377
406
  type: "string",
378
407
  options: [
408
+ "search",
379
409
  "text",
380
410
  "none",
381
- "search",
382
411
  "tel",
383
412
  "url",
384
413
  "email",
@@ -25,13 +25,21 @@ export const props: Record<string, PropMeta> = {
25
25
  type: "string",
26
26
  options: ["list", "none", "inline", "both"],
27
27
  },
28
- "aria-busy": {
28
+ "aria-braillelabel": {
29
29
  description:
30
- "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
30
+ "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
31
31
  required: false,
32
- control: "boolean",
33
- type: "boolean",
32
+ control: "text",
33
+ type: "string",
34
34
  },
35
+ "aria-brailleroledescription": {
36
+ description:
37
+ "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
38
+ required: false,
39
+ control: "text",
40
+ type: "string",
41
+ },
42
+ "aria-busy": { required: false, control: "boolean", type: "boolean" },
35
43
  "aria-checked": {
36
44
  description:
37
45
  'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
@@ -53,6 +61,13 @@ export const props: Record<string, PropMeta> = {
53
61
  control: "number",
54
62
  type: "number",
55
63
  },
64
+ "aria-colindextext": {
65
+ description:
66
+ "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
67
+ required: false,
68
+ control: "text",
69
+ type: "string",
70
+ },
56
71
  "aria-colspan": {
57
72
  description:
58
73
  "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
@@ -81,6 +96,13 @@ export const props: Record<string, PropMeta> = {
81
96
  control: "text",
82
97
  type: "string",
83
98
  },
99
+ "aria-description": {
100
+ description:
101
+ "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
102
+ required: false,
103
+ control: "text",
104
+ type: "string",
105
+ },
84
106
  "aria-details": {
85
107
  description:
86
108
  "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
@@ -298,6 +320,13 @@ export const props: Record<string, PropMeta> = {
298
320
  control: "number",
299
321
  type: "number",
300
322
  },
323
+ "aria-rowindextext": {
324
+ description:
325
+ "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
326
+ required: false,
327
+ control: "text",
328
+ type: "string",
329
+ },
301
330
  "aria-rowspan": {
302
331
  description:
303
332
  "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
@@ -376,9 +405,9 @@ export const props: Record<string, PropMeta> = {
376
405
  control: "select",
377
406
  type: "string",
378
407
  options: [
408
+ "search",
379
409
  "text",
380
410
  "none",
381
- "search",
382
411
  "tel",
383
412
  "url",
384
413
  "email",
@@ -25,13 +25,21 @@ export const props: Record<string, PropMeta> = {
25
25
  type: "string",
26
26
  options: ["list", "none", "inline", "both"],
27
27
  },
28
- "aria-busy": {
28
+ "aria-braillelabel": {
29
29
  description:
30
- "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
30
+ "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
31
31
  required: false,
32
- control: "boolean",
33
- type: "boolean",
32
+ control: "text",
33
+ type: "string",
34
34
  },
35
+ "aria-brailleroledescription": {
36
+ description:
37
+ "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
38
+ required: false,
39
+ control: "text",
40
+ type: "string",
41
+ },
42
+ "aria-busy": { required: false, control: "boolean", type: "boolean" },
35
43
  "aria-checked": {
36
44
  description:
37
45
  'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
@@ -53,6 +61,13 @@ export const props: Record<string, PropMeta> = {
53
61
  control: "number",
54
62
  type: "number",
55
63
  },
64
+ "aria-colindextext": {
65
+ description:
66
+ "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
67
+ required: false,
68
+ control: "text",
69
+ type: "string",
70
+ },
56
71
  "aria-colspan": {
57
72
  description:
58
73
  "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
@@ -81,6 +96,13 @@ export const props: Record<string, PropMeta> = {
81
96
  control: "text",
82
97
  type: "string",
83
98
  },
99
+ "aria-description": {
100
+ description:
101
+ "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
102
+ required: false,
103
+ control: "text",
104
+ type: "string",
105
+ },
84
106
  "aria-details": {
85
107
  description:
86
108
  "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
@@ -298,6 +320,13 @@ export const props: Record<string, PropMeta> = {
298
320
  control: "number",
299
321
  type: "number",
300
322
  },
323
+ "aria-rowindextext": {
324
+ description:
325
+ "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
326
+ required: false,
327
+ control: "text",
328
+ type: "string",
329
+ },
301
330
  "aria-rowspan": {
302
331
  description:
303
332
  "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
@@ -374,9 +403,9 @@ export const props: Record<string, PropMeta> = {
374
403
  control: "select",
375
404
  type: "string",
376
405
  options: [
406
+ "search",
377
407
  "text",
378
408
  "none",
379
- "search",
380
409
  "tel",
381
410
  "url",
382
411
  "email",
@@ -25,13 +25,21 @@ export const props: Record<string, PropMeta> = {
25
25
  type: "string",
26
26
  options: ["list", "none", "inline", "both"],
27
27
  },
28
- "aria-busy": {
28
+ "aria-braillelabel": {
29
29
  description:
30
- "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",
30
+ "Defines a string value that labels the current element, which is intended to be converted into Braille.\n@see aria-label.",
31
31
  required: false,
32
- control: "boolean",
33
- type: "boolean",
32
+ control: "text",
33
+ type: "string",
34
34
  },
35
+ "aria-brailleroledescription": {
36
+ description:
37
+ "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.\n@see aria-roledescription.",
38
+ required: false,
39
+ control: "text",
40
+ type: "string",
41
+ },
42
+ "aria-busy": { required: false, control: "boolean", type: "boolean" },
35
43
  "aria-checked": {
36
44
  description:
37
45
  'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',
@@ -53,6 +61,13 @@ export const props: Record<string, PropMeta> = {
53
61
  control: "number",
54
62
  type: "number",
55
63
  },
64
+ "aria-colindextext": {
65
+ description:
66
+ "Defines a human readable text alternative of aria-colindex.\n@see aria-rowindextext.",
67
+ required: false,
68
+ control: "text",
69
+ type: "string",
70
+ },
56
71
  "aria-colspan": {
57
72
  description:
58
73
  "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",
@@ -81,6 +96,13 @@ export const props: Record<string, PropMeta> = {
81
96
  control: "text",
82
97
  type: "string",
83
98
  },
99
+ "aria-description": {
100
+ description:
101
+ "Defines a string value that describes or annotates the current element.\n@see related aria-describedby.",
102
+ required: false,
103
+ control: "text",
104
+ type: "string",
105
+ },
84
106
  "aria-details": {
85
107
  description:
86
108
  "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",
@@ -298,6 +320,13 @@ export const props: Record<string, PropMeta> = {
298
320
  control: "number",
299
321
  type: "number",
300
322
  },
323
+ "aria-rowindextext": {
324
+ description:
325
+ "Defines a human readable text alternative of aria-rowindex.\n@see aria-colindextext.",
326
+ required: false,
327
+ control: "text",
328
+ type: "string",
329
+ },
301
330
  "aria-rowspan": {
302
331
  description:
303
332
  "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",
@@ -374,9 +403,9 @@ export const props: Record<string, PropMeta> = {
374
403
  control: "select",
375
404
  type: "string",
376
405
  options: [
406
+ "search",
377
407
  "text",
378
408
  "none",
379
- "search",
380
409
  "tel",
381
410
  "url",
382
411
  "email",