@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.
- package/lib/__generated__/accordion.props.js +605 -109
- package/lib/__generated__/button.props.js +161 -29
- package/lib/__generated__/checkbox.props.js +284 -51
- package/lib/__generated__/collapsible.props.js +234 -42
- package/lib/__generated__/dialog.props.js +611 -110
- package/lib/__generated__/input.props.js +264 -47
- package/lib/__generated__/label.props.js +123 -22
- package/lib/__generated__/navigation-menu.props.js +563 -102
- package/lib/__generated__/popover.props.js +129 -25
- package/lib/__generated__/radio-group.props.js +421 -76
- package/lib/__generated__/select.props.js +876 -160
- package/lib/__generated__/sheet.props.js +591 -110
- package/lib/__generated__/switch.props.js +284 -51
- package/lib/__generated__/tabs.props.js +506 -91
- package/lib/__generated__/textarea.props.js +177 -31
- package/lib/__generated__/tooltip.props.js +131 -27
- package/lib/accordion.ws.js +1 -0
- package/lib/checkbox.ws.js +2 -0
- package/lib/cjs/__generated__/accordion.props.js +605 -109
- package/lib/cjs/__generated__/button.props.js +161 -29
- package/lib/cjs/__generated__/checkbox.props.js +284 -51
- package/lib/cjs/__generated__/collapsible.props.js +234 -42
- package/lib/cjs/__generated__/dialog.props.js +611 -110
- package/lib/cjs/__generated__/input.props.js +264 -47
- package/lib/cjs/__generated__/label.props.js +123 -22
- package/lib/cjs/__generated__/navigation-menu.props.js +563 -102
- package/lib/cjs/__generated__/popover.props.js +129 -25
- package/lib/cjs/__generated__/radio-group.props.js +421 -76
- package/lib/cjs/__generated__/select.props.js +875 -159
- package/lib/cjs/__generated__/sheet.props.js +591 -110
- package/lib/cjs/__generated__/switch.props.js +284 -51
- package/lib/cjs/__generated__/tabs.props.js +506 -91
- package/lib/cjs/__generated__/textarea.props.js +177 -31
- package/lib/cjs/__generated__/tooltip.props.js +131 -27
- package/lib/cjs/accordion.ws.js +1 -0
- package/lib/cjs/checkbox.ws.js +2 -0
- package/lib/cjs/collapsible.ws.js +1 -0
- package/lib/cjs/dialog.ws.js +1 -0
- package/lib/cjs/label.ws.js +1 -0
- package/lib/cjs/navigation-menu.ws.js +1 -0
- package/lib/cjs/popover.ws.js +1 -0
- package/lib/cjs/props-descriptions.js +56 -0
- package/lib/cjs/radio-group.ws.js +3 -0
- package/lib/cjs/select.js +3 -1
- package/lib/cjs/select.ws.js +1 -0
- package/lib/cjs/sheet.ws.js +1 -0
- package/lib/cjs/switch.ws.js +2 -0
- package/lib/cjs/tabs.ws.js +1 -0
- package/lib/cjs/tooltip.ws.js +1 -0
- package/lib/collapsible.ws.js +1 -0
- package/lib/dialog.ws.js +1 -0
- package/lib/label.ws.js +1 -0
- package/lib/navigation-menu.ws.js +1 -0
- package/lib/popover.ws.js +1 -0
- package/lib/props-descriptions.js +36 -0
- package/lib/radio-group.ws.js +3 -0
- package/lib/select.js +3 -1
- package/lib/select.ws.js +1 -0
- package/lib/sheet.ws.js +1 -0
- package/lib/switch.ws.js +2 -0
- package/lib/tabs.ws.js +1 -0
- package/lib/tooltip.ws.js +1 -0
- package/lib/types/props-descriptions.d.ts +29 -0
- package/lib/types/select.d.ts +4 -2
- package/package.json +6 -6
- package/src/__generated__/accordion.props.ts +675 -103
- package/src/__generated__/button.props.ts +180 -27
- package/src/__generated__/checkbox.props.ts +317 -48
- package/src/__generated__/collapsible.props.ts +261 -40
- package/src/__generated__/dialog.props.ts +682 -104
- package/src/__generated__/input.props.ts +292 -44
- package/src/__generated__/label.props.ts +137 -21
- package/src/__generated__/navigation-menu.props.ts +629 -96
- package/src/__generated__/popover.props.ts +142 -21
- package/src/__generated__/radio-group.props.ts +470 -71
- package/src/__generated__/select.props.ts +979 -153
- package/src/__generated__/sheet.props.ts +657 -99
- package/src/__generated__/switch.props.ts +317 -48
- package/src/__generated__/tabs.props.ts +565 -86
- package/src/__generated__/textarea.props.ts +195 -30
- package/src/__generated__/tooltip.props.ts +145 -23
- package/src/accordion.ws.ts +2 -0
- package/src/checkbox.ws.ts +3 -0
- package/src/collapsible.ws.ts +2 -0
- package/src/dialog.ws.tsx +2 -0
- package/src/label.ws.ts +2 -0
- package/src/navigation-menu.ws.ts +1 -0
- package/src/popover.ws.tsx +1 -0
- package/src/props-descriptions.ts +43 -0
- package/src/radio-group.ws.ts +4 -0
- package/src/select.tsx +8 -3
- package/src/select.ws.ts +2 -0
- package/src/sheet.ws.tsx +2 -0
- package/src/switch.ws.ts +3 -0
- package/src/tabs.ws.ts +2 -0
- 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: {
|
|
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: "
|
|
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: {
|
|
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: {
|
|
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: {
|
|
366
|
-
|
|
367
|
-
|
|
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: {
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
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: {
|
|
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: {
|
|
404
|
-
|
|
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: {
|
|
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: {
|
|
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: {
|
|
415
|
-
|
|
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: {
|
|
427
|
-
|
|
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: {
|
|
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: "
|
|
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: {
|
|
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: {
|
|
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: {
|
|
784
|
-
|
|
785
|
-
|
|
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: {
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
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: {
|
|
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: {
|
|
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: {
|
|
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: {
|
|
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: {
|
|
831
|
-
|
|
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: {
|
|
843
|
-
|
|
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: {
|