@webstudio-is/sdk-components-react-radix 0.88.0 → 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 (96) hide show
  1. package/lib/__generated__/accordion.props.js +605 -109
  2. package/lib/__generated__/button.props.js +161 -29
  3. package/lib/__generated__/checkbox.props.js +284 -51
  4. package/lib/__generated__/collapsible.props.js +234 -42
  5. package/lib/__generated__/dialog.props.js +611 -110
  6. package/lib/__generated__/input.props.js +264 -47
  7. package/lib/__generated__/label.props.js +123 -22
  8. package/lib/__generated__/navigation-menu.props.js +563 -102
  9. package/lib/__generated__/popover.props.js +129 -25
  10. package/lib/__generated__/radio-group.props.js +421 -76
  11. package/lib/__generated__/select.props.js +876 -160
  12. package/lib/__generated__/sheet.props.js +591 -110
  13. package/lib/__generated__/switch.props.js +284 -51
  14. package/lib/__generated__/tabs.props.js +506 -91
  15. package/lib/__generated__/textarea.props.js +177 -31
  16. package/lib/__generated__/tooltip.props.js +131 -27
  17. package/lib/accordion.ws.js +1 -0
  18. package/lib/checkbox.ws.js +2 -0
  19. package/lib/cjs/__generated__/accordion.props.js +605 -109
  20. package/lib/cjs/__generated__/button.props.js +161 -29
  21. package/lib/cjs/__generated__/checkbox.props.js +284 -51
  22. package/lib/cjs/__generated__/collapsible.props.js +234 -42
  23. package/lib/cjs/__generated__/dialog.props.js +611 -110
  24. package/lib/cjs/__generated__/input.props.js +264 -47
  25. package/lib/cjs/__generated__/label.props.js +123 -22
  26. package/lib/cjs/__generated__/navigation-menu.props.js +563 -102
  27. package/lib/cjs/__generated__/popover.props.js +129 -25
  28. package/lib/cjs/__generated__/radio-group.props.js +421 -76
  29. package/lib/cjs/__generated__/select.props.js +875 -159
  30. package/lib/cjs/__generated__/sheet.props.js +591 -110
  31. package/lib/cjs/__generated__/switch.props.js +284 -51
  32. package/lib/cjs/__generated__/tabs.props.js +506 -91
  33. package/lib/cjs/__generated__/textarea.props.js +177 -31
  34. package/lib/cjs/__generated__/tooltip.props.js +131 -27
  35. package/lib/cjs/accordion.ws.js +1 -0
  36. package/lib/cjs/checkbox.ws.js +2 -0
  37. package/lib/cjs/collapsible.ws.js +1 -0
  38. package/lib/cjs/dialog.ws.js +1 -0
  39. package/lib/cjs/label.ws.js +1 -0
  40. package/lib/cjs/navigation-menu.ws.js +1 -0
  41. package/lib/cjs/popover.ws.js +1 -0
  42. package/lib/cjs/props-descriptions.js +56 -0
  43. package/lib/cjs/radio-group.ws.js +3 -0
  44. package/lib/cjs/select.js +3 -1
  45. package/lib/cjs/select.ws.js +1 -0
  46. package/lib/cjs/sheet.ws.js +1 -0
  47. package/lib/cjs/switch.ws.js +2 -0
  48. package/lib/cjs/tabs.ws.js +1 -0
  49. package/lib/cjs/tooltip.ws.js +1 -0
  50. package/lib/collapsible.ws.js +1 -0
  51. package/lib/dialog.ws.js +1 -0
  52. package/lib/label.ws.js +1 -0
  53. package/lib/navigation-menu.ws.js +1 -0
  54. package/lib/popover.ws.js +1 -0
  55. package/lib/props-descriptions.js +36 -0
  56. package/lib/radio-group.ws.js +3 -0
  57. package/lib/select.js +3 -1
  58. package/lib/select.ws.js +1 -0
  59. package/lib/sheet.ws.js +1 -0
  60. package/lib/switch.ws.js +2 -0
  61. package/lib/tabs.ws.js +1 -0
  62. package/lib/tooltip.ws.js +1 -0
  63. package/lib/types/props-descriptions.d.ts +29 -0
  64. package/lib/types/select.d.ts +4 -2
  65. package/package.json +6 -6
  66. package/src/__generated__/accordion.props.ts +675 -103
  67. package/src/__generated__/button.props.ts +180 -27
  68. package/src/__generated__/checkbox.props.ts +317 -48
  69. package/src/__generated__/collapsible.props.ts +261 -40
  70. package/src/__generated__/dialog.props.ts +682 -104
  71. package/src/__generated__/input.props.ts +292 -44
  72. package/src/__generated__/label.props.ts +137 -21
  73. package/src/__generated__/navigation-menu.props.ts +629 -96
  74. package/src/__generated__/popover.props.ts +142 -21
  75. package/src/__generated__/radio-group.props.ts +470 -71
  76. package/src/__generated__/select.props.ts +979 -153
  77. package/src/__generated__/sheet.props.ts +657 -99
  78. package/src/__generated__/switch.props.ts +317 -48
  79. package/src/__generated__/tabs.props.ts +565 -86
  80. package/src/__generated__/textarea.props.ts +195 -30
  81. package/src/__generated__/tooltip.props.ts +145 -23
  82. package/src/accordion.ws.ts +2 -0
  83. package/src/checkbox.ws.ts +3 -0
  84. package/src/collapsible.ws.ts +2 -0
  85. package/src/dialog.ws.tsx +2 -0
  86. package/src/label.ws.ts +2 -0
  87. package/src/navigation-menu.ws.ts +1 -0
  88. package/src/popover.ws.tsx +1 -0
  89. package/src/props-descriptions.ts +43 -0
  90. package/src/radio-group.ws.ts +4 -0
  91. package/src/select.tsx +8 -3
  92. package/src/select.ws.ts +2 -0
  93. package/src/sheet.ws.tsx +2 -0
  94. package/src/switch.ws.ts +3 -0
  95. package/src/tabs.ws.ts +2 -0
  96. package/src/tooltip.ws.tsx +2 -0
@@ -25,7 +25,12 @@ __export(collapsible_props_exports, {
25
25
  module.exports = __toCommonJS(collapsible_props_exports);
26
26
  const propsCollapsible = {
27
27
  about: { required: false, control: "text", type: "string" },
28
- accessKey: { required: false, control: "text", type: "string" },
28
+ accessKey: {
29
+ required: false,
30
+ control: "text",
31
+ type: "string",
32
+ description: "Keyboard shortcut to activate or add focus to the element."
33
+ },
29
34
  "aria-activedescendant": {
30
35
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
31
36
  required: false,
@@ -181,7 +186,7 @@ const propsCollapsible = {
181
186
  type: "string"
182
187
  },
183
188
  "aria-label": {
184
- description: "Defines a string value that labels the current element.\n@see aria-labelledby.",
189
+ description: "Provides the accessible name that describes an interactive element if no other accessible name exists, for example in a button that contains an image with no text.",
185
190
  required: false,
186
191
  control: "text",
187
192
  type: "string"
@@ -357,20 +362,70 @@ const propsCollapsible = {
357
362
  control: "text",
358
363
  type: "string"
359
364
  },
360
- autoCapitalize: { required: false, control: "text", type: "string" },
365
+ autoCapitalize: {
366
+ required: false,
367
+ control: "text",
368
+ type: "string",
369
+ description: "Sets whether input is automatically capitalized when entered by user."
370
+ },
361
371
  autoCorrect: { required: false, control: "text", type: "string" },
362
- autoFocus: { required: false, control: "boolean", type: "boolean" },
372
+ autoFocus: {
373
+ required: false,
374
+ control: "boolean",
375
+ type: "boolean",
376
+ description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
377
+ },
363
378
  autoSave: { required: false, control: "text", type: "string" },
364
379
  className: { required: false, control: "text", type: "string" },
365
- color: { required: false, control: "color", type: "string" },
366
- content: { required: false, control: "text", type: "string" },
367
- contextMenu: { required: false, control: "text", type: "string" },
380
+ color: {
381
+ required: false,
382
+ control: "color",
383
+ type: "string",
384
+ description: "This attribute sets the text color using either a named color or a color specified in the hexadecimal #RRGGBB format. Note: This is a legacy attribute. Please use the CSS color property instead."
385
+ },
386
+ content: {
387
+ required: false,
388
+ control: "text",
389
+ type: "string",
390
+ description: "A value associated with http-equiv orname depending on the context."
391
+ },
392
+ contextMenu: {
393
+ required: false,
394
+ control: "text",
395
+ type: "string",
396
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
397
+ },
368
398
  datatype: { required: false, control: "text", type: "string" },
369
- dir: { required: false, control: "text", type: "string" },
370
- disabled: { required: false, control: "boolean", type: "boolean" },
371
- draggable: { required: false, control: "boolean", type: "boolean" },
372
- hidden: { required: false, control: "boolean", type: "boolean" },
373
- id: { required: false, control: "text", type: "string" },
399
+ dir: {
400
+ required: false,
401
+ control: "text",
402
+ type: "string",
403
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
404
+ },
405
+ disabled: {
406
+ required: false,
407
+ control: "boolean",
408
+ type: "boolean",
409
+ description: "Indicates whether the user can interact with the element."
410
+ },
411
+ draggable: {
412
+ required: false,
413
+ control: "boolean",
414
+ type: "boolean",
415
+ description: "Defines whether the element can be dragged."
416
+ },
417
+ hidden: {
418
+ required: false,
419
+ control: "boolean",
420
+ type: "boolean",
421
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
422
+ },
423
+ id: {
424
+ required: false,
425
+ control: "text",
426
+ type: "string",
427
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
428
+ },
374
429
  inputMode: {
375
430
  description: "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
376
431
  required: false,
@@ -398,21 +453,56 @@ const propsCollapsible = {
398
453
  itemRef: { required: false, control: "text", type: "string" },
399
454
  itemScope: { required: false, control: "boolean", type: "boolean" },
400
455
  itemType: { required: false, control: "text", type: "string" },
401
- lang: { required: false, control: "text", type: "string" },
456
+ lang: {
457
+ required: false,
458
+ control: "text",
459
+ type: "string",
460
+ description: "Defines the language used in the element."
461
+ },
402
462
  nonce: { required: false, control: "text", type: "string" },
403
- open: { required: false, control: "boolean", type: "boolean" },
404
- placeholder: { required: false, control: "text", type: "string" },
463
+ open: {
464
+ required: false,
465
+ control: "boolean",
466
+ type: "boolean",
467
+ description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component."
468
+ },
469
+ placeholder: {
470
+ required: false,
471
+ control: "text",
472
+ type: "string",
473
+ description: "Provides a hint to the user of what can be entered in the field."
474
+ },
405
475
  prefix: { required: false, control: "text", type: "string" },
406
476
  property: { required: false, control: "text", type: "string" },
407
477
  radioGroup: { required: false, control: "text", type: "string" },
408
- rel: { required: false, control: "text", type: "string" },
478
+ rel: {
479
+ required: false,
480
+ control: "text",
481
+ type: "string",
482
+ description: "Specifies the relationship of the target object to the link object."
483
+ },
409
484
  resource: { required: false, control: "text", type: "string" },
410
485
  results: { required: false, control: "number", type: "number" },
411
486
  rev: { required: false, control: "text", type: "string" },
412
- role: { required: false, control: "text", type: "string" },
487
+ role: {
488
+ required: false,
489
+ control: "text",
490
+ type: "string",
491
+ description: "Defines an explicit role for an element for use by assistive technologies."
492
+ },
413
493
  security: { required: false, control: "text", type: "string" },
414
- slot: { required: false, control: "text", type: "string" },
415
- spellCheck: { required: false, control: "boolean", type: "boolean" },
494
+ slot: {
495
+ required: false,
496
+ control: "text",
497
+ type: "string",
498
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
499
+ },
500
+ spellCheck: {
501
+ required: false,
502
+ control: "boolean",
503
+ type: "boolean",
504
+ description: "Indicates whether spell checking is allowed for the element."
505
+ },
416
506
  suppressContentEditableWarning: {
417
507
  required: false,
418
508
  control: "boolean",
@@ -423,13 +513,24 @@ const propsCollapsible = {
423
513
  control: "boolean",
424
514
  type: "boolean"
425
515
  },
426
- tabIndex: { required: false, control: "number", type: "number" },
427
- title: { required: false, control: "text", type: "string" },
516
+ tabIndex: {
517
+ required: false,
518
+ control: "number",
519
+ type: "number",
520
+ description: "Overrides the browser's default tab order and follows the one specified instead."
521
+ },
522
+ title: {
523
+ required: false,
524
+ control: "text",
525
+ type: "string",
526
+ description: "Text to be displayed in a tooltip when hovering over the element."
527
+ },
428
528
  translate: {
429
529
  required: false,
430
530
  control: "radio",
431
531
  type: "string",
432
- options: ["yes", "no"]
532
+ options: ["yes", "no"],
533
+ description: "Specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged."
433
534
  },
434
535
  typeof: { required: false, control: "text", type: "string" },
435
536
  unselectable: {
@@ -443,7 +544,12 @@ const propsCollapsible = {
443
544
  const propsCollapsibleTrigger = {};
444
545
  const propsCollapsibleContent = {
445
546
  about: { required: false, control: "text", type: "string" },
446
- accessKey: { required: false, control: "text", type: "string" },
547
+ accessKey: {
548
+ required: false,
549
+ control: "text",
550
+ type: "string",
551
+ description: "Keyboard shortcut to activate or add focus to the element."
552
+ },
447
553
  "aria-activedescendant": {
448
554
  description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
449
555
  required: false,
@@ -599,7 +705,7 @@ const propsCollapsibleContent = {
599
705
  type: "string"
600
706
  },
601
707
  "aria-label": {
602
- description: "Defines a string value that labels the current element.\n@see aria-labelledby.",
708
+ description: "Provides the accessible name that describes an interactive element if no other accessible name exists, for example in a button that contains an image with no text.",
603
709
  required: false,
604
710
  control: "text",
605
711
  type: "string"
@@ -775,19 +881,64 @@ const propsCollapsibleContent = {
775
881
  control: "text",
776
882
  type: "string"
777
883
  },
778
- autoCapitalize: { required: false, control: "text", type: "string" },
884
+ autoCapitalize: {
885
+ required: false,
886
+ control: "text",
887
+ type: "string",
888
+ description: "Sets whether input is automatically capitalized when entered by user."
889
+ },
779
890
  autoCorrect: { required: false, control: "text", type: "string" },
780
- autoFocus: { required: false, control: "boolean", type: "boolean" },
891
+ autoFocus: {
892
+ required: false,
893
+ control: "boolean",
894
+ type: "boolean",
895
+ description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
896
+ },
781
897
  autoSave: { required: false, control: "text", type: "string" },
782
898
  className: { required: false, control: "text", type: "string" },
783
- color: { required: false, control: "color", type: "string" },
784
- content: { required: false, control: "text", type: "string" },
785
- contextMenu: { required: false, control: "text", type: "string" },
899
+ color: {
900
+ required: false,
901
+ control: "color",
902
+ type: "string",
903
+ description: "This attribute sets the text color using either a named color or a color specified in the hexadecimal #RRGGBB format. Note: This is a legacy attribute. Please use the CSS color property instead."
904
+ },
905
+ content: {
906
+ required: false,
907
+ control: "text",
908
+ type: "string",
909
+ description: "A value associated with http-equiv orname depending on the context."
910
+ },
911
+ contextMenu: {
912
+ required: false,
913
+ control: "text",
914
+ type: "string",
915
+ description: "Defines the ID of a menu element which willserve as the element's context menu."
916
+ },
786
917
  datatype: { required: false, control: "text", type: "string" },
787
- dir: { required: false, control: "text", type: "string" },
788
- draggable: { required: false, control: "boolean", type: "boolean" },
789
- hidden: { required: false, control: "boolean", type: "boolean" },
790
- id: { required: false, control: "text", type: "string" },
918
+ dir: {
919
+ required: false,
920
+ control: "text",
921
+ type: "string",
922
+ description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
923
+ },
924
+ draggable: {
925
+ required: false,
926
+ control: "boolean",
927
+ type: "boolean",
928
+ description: "Defines whether the element can be dragged."
929
+ },
930
+ hidden: {
931
+ required: false,
932
+ control: "boolean",
933
+ type: "boolean",
934
+ description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
935
+ },
936
+ id: {
937
+ required: false,
938
+ control: "text",
939
+ type: "string",
940
+ description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
941
+ },
791
942
  inputMode: {
792
943
  description: "Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",
793
944
  required: false,
@@ -815,20 +966,50 @@ const propsCollapsibleContent = {
815
966
  itemRef: { required: false, control: "text", type: "string" },
816
967
  itemScope: { required: false, control: "boolean", type: "boolean" },
817
968
  itemType: { required: false, control: "text", type: "string" },
818
- lang: { required: false, control: "text", type: "string" },
969
+ lang: {
970
+ required: false,
971
+ control: "text",
972
+ type: "string",
973
+ description: "Defines the language used in the element."
974
+ },
819
975
  nonce: { required: false, control: "text", type: "string" },
820
- placeholder: { required: false, control: "text", type: "string" },
976
+ placeholder: {
977
+ required: false,
978
+ control: "text",
979
+ type: "string",
980
+ description: "Provides a hint to the user of what can be entered in the field."
981
+ },
821
982
  prefix: { required: false, control: "text", type: "string" },
822
983
  property: { required: false, control: "text", type: "string" },
823
984
  radioGroup: { required: false, control: "text", type: "string" },
824
- rel: { required: false, control: "text", type: "string" },
985
+ rel: {
986
+ required: false,
987
+ control: "text",
988
+ type: "string",
989
+ description: "Specifies the relationship of the target object to the link object."
990
+ },
825
991
  resource: { required: false, control: "text", type: "string" },
826
992
  results: { required: false, control: "number", type: "number" },
827
993
  rev: { required: false, control: "text", type: "string" },
828
- role: { required: false, control: "text", type: "string" },
994
+ role: {
995
+ required: false,
996
+ control: "text",
997
+ type: "string",
998
+ description: "Defines an explicit role for an element for use by assistive technologies."
999
+ },
829
1000
  security: { required: false, control: "text", type: "string" },
830
- slot: { required: false, control: "text", type: "string" },
831
- spellCheck: { required: false, control: "boolean", type: "boolean" },
1001
+ slot: {
1002
+ required: false,
1003
+ control: "text",
1004
+ type: "string",
1005
+ description: "Assigns a slot in a shadow DOM shadow tree to an element."
1006
+ },
1007
+ spellCheck: {
1008
+ required: false,
1009
+ control: "boolean",
1010
+ type: "boolean",
1011
+ description: "Indicates whether spell checking is allowed for the element."
1012
+ },
832
1013
  suppressContentEditableWarning: {
833
1014
  required: false,
834
1015
  control: "boolean",
@@ -839,13 +1020,24 @@ const propsCollapsibleContent = {
839
1020
  control: "boolean",
840
1021
  type: "boolean"
841
1022
  },
842
- tabIndex: { required: false, control: "number", type: "number" },
843
- title: { required: false, control: "text", type: "string" },
1023
+ tabIndex: {
1024
+ required: false,
1025
+ control: "number",
1026
+ type: "number",
1027
+ description: "Overrides the browser's default tab order and follows the one specified instead."
1028
+ },
1029
+ title: {
1030
+ required: false,
1031
+ control: "text",
1032
+ type: "string",
1033
+ description: "Text to be displayed in a tooltip when hovering over the element."
1034
+ },
844
1035
  translate: {
845
1036
  required: false,
846
1037
  control: "radio",
847
1038
  type: "string",
848
- options: ["yes", "no"]
1039
+ options: ["yes", "no"],
1040
+ description: "Specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged."
849
1041
  },
850
1042
  typeof: { required: false, control: "text", type: "string" },
851
1043
  unselectable: {