@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(radio_group_props_exports, {
|
|
|
25
25
|
module.exports = __toCommonJS(radio_group_props_exports);
|
|
26
26
|
const propsRadioGroup = {
|
|
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 propsRadioGroup = {
|
|
|
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,25 +362,71 @@ const propsRadioGroup = {
|
|
|
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
399
|
dir: {
|
|
370
400
|
required: false,
|
|
371
401
|
control: "radio",
|
|
372
402
|
type: "string",
|
|
373
|
-
options: ["ltr", "rtl"]
|
|
403
|
+
options: ["ltr", "rtl"],
|
|
404
|
+
description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
|
|
405
|
+
},
|
|
406
|
+
disabled: {
|
|
407
|
+
required: false,
|
|
408
|
+
control: "boolean",
|
|
409
|
+
type: "boolean",
|
|
410
|
+
description: "Indicates whether the user can interact with the element."
|
|
411
|
+
},
|
|
412
|
+
draggable: {
|
|
413
|
+
required: false,
|
|
414
|
+
control: "boolean",
|
|
415
|
+
type: "boolean",
|
|
416
|
+
description: "Defines whether the element can be dragged."
|
|
417
|
+
},
|
|
418
|
+
hidden: {
|
|
419
|
+
required: false,
|
|
420
|
+
control: "boolean",
|
|
421
|
+
type: "boolean",
|
|
422
|
+
description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
|
|
423
|
+
},
|
|
424
|
+
id: {
|
|
425
|
+
required: false,
|
|
426
|
+
control: "text",
|
|
427
|
+
type: "string",
|
|
428
|
+
description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
|
|
374
429
|
},
|
|
375
|
-
disabled: { required: false, control: "boolean", type: "boolean" },
|
|
376
|
-
draggable: { required: false, control: "boolean", type: "boolean" },
|
|
377
|
-
hidden: { required: false, control: "boolean", type: "boolean" },
|
|
378
|
-
id: { required: false, control: "text", type: "string" },
|
|
379
430
|
inputMode: {
|
|
380
431
|
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",
|
|
381
432
|
required: false,
|
|
@@ -403,9 +454,24 @@ const propsRadioGroup = {
|
|
|
403
454
|
itemRef: { required: false, control: "text", type: "string" },
|
|
404
455
|
itemScope: { required: false, control: "boolean", type: "boolean" },
|
|
405
456
|
itemType: { required: false, control: "text", type: "string" },
|
|
406
|
-
lang: {
|
|
407
|
-
|
|
408
|
-
|
|
457
|
+
lang: {
|
|
458
|
+
required: false,
|
|
459
|
+
control: "text",
|
|
460
|
+
type: "string",
|
|
461
|
+
description: "Defines the language used in the element."
|
|
462
|
+
},
|
|
463
|
+
loop: {
|
|
464
|
+
required: false,
|
|
465
|
+
control: "boolean",
|
|
466
|
+
type: "boolean",
|
|
467
|
+
description: "Indicates whether the media should start playing from the start when it's finished."
|
|
468
|
+
},
|
|
469
|
+
name: {
|
|
470
|
+
required: false,
|
|
471
|
+
control: "text",
|
|
472
|
+
type: "string",
|
|
473
|
+
description: "This name is important when submitting form data to the server, as it identifies the data associated with the input. When multiple inputs share the same name attribute, they are treated as part of the same group (e.g., radio buttons or checkboxes)."
|
|
474
|
+
},
|
|
409
475
|
nonce: { required: false, control: "text", type: "string" },
|
|
410
476
|
orientation: {
|
|
411
477
|
required: false,
|
|
@@ -413,19 +479,49 @@ const propsRadioGroup = {
|
|
|
413
479
|
type: "string",
|
|
414
480
|
options: ["horizontal", "vertical"]
|
|
415
481
|
},
|
|
416
|
-
placeholder: {
|
|
482
|
+
placeholder: {
|
|
483
|
+
required: false,
|
|
484
|
+
control: "text",
|
|
485
|
+
type: "string",
|
|
486
|
+
description: "Provides a hint to the user of what can be entered in the field."
|
|
487
|
+
},
|
|
417
488
|
prefix: { required: false, control: "text", type: "string" },
|
|
418
489
|
property: { required: false, control: "text", type: "string" },
|
|
419
490
|
radioGroup: { required: false, control: "text", type: "string" },
|
|
420
|
-
rel: {
|
|
421
|
-
|
|
491
|
+
rel: {
|
|
492
|
+
required: false,
|
|
493
|
+
control: "text",
|
|
494
|
+
type: "string",
|
|
495
|
+
description: "Specifies the relationship of the target object to the link object."
|
|
496
|
+
},
|
|
497
|
+
required: {
|
|
498
|
+
required: false,
|
|
499
|
+
control: "boolean",
|
|
500
|
+
type: "boolean",
|
|
501
|
+
description: "Indicates whether this form element must be filled before the form can be submitted."
|
|
502
|
+
},
|
|
422
503
|
resource: { required: false, control: "text", type: "string" },
|
|
423
504
|
results: { required: false, control: "number", type: "number" },
|
|
424
505
|
rev: { required: false, control: "text", type: "string" },
|
|
425
|
-
role: {
|
|
506
|
+
role: {
|
|
507
|
+
required: false,
|
|
508
|
+
control: "text",
|
|
509
|
+
type: "string",
|
|
510
|
+
description: "Defines an explicit role for an element for use by assistive technologies."
|
|
511
|
+
},
|
|
426
512
|
security: { required: false, control: "text", type: "string" },
|
|
427
|
-
slot: {
|
|
428
|
-
|
|
513
|
+
slot: {
|
|
514
|
+
required: false,
|
|
515
|
+
control: "text",
|
|
516
|
+
type: "string",
|
|
517
|
+
description: "Assigns a slot in a shadow DOM shadow tree to an element."
|
|
518
|
+
},
|
|
519
|
+
spellCheck: {
|
|
520
|
+
required: false,
|
|
521
|
+
control: "boolean",
|
|
522
|
+
type: "boolean",
|
|
523
|
+
description: "Indicates whether spell checking is allowed for the element."
|
|
524
|
+
},
|
|
429
525
|
suppressContentEditableWarning: {
|
|
430
526
|
required: false,
|
|
431
527
|
control: "boolean",
|
|
@@ -436,13 +532,24 @@ const propsRadioGroup = {
|
|
|
436
532
|
control: "boolean",
|
|
437
533
|
type: "boolean"
|
|
438
534
|
},
|
|
439
|
-
tabIndex: {
|
|
440
|
-
|
|
535
|
+
tabIndex: {
|
|
536
|
+
required: false,
|
|
537
|
+
control: "number",
|
|
538
|
+
type: "number",
|
|
539
|
+
description: "Overrides the browser's default tab order and follows the one specified instead."
|
|
540
|
+
},
|
|
541
|
+
title: {
|
|
542
|
+
required: false,
|
|
543
|
+
control: "text",
|
|
544
|
+
type: "string",
|
|
545
|
+
description: "Text to be displayed in a tooltip when hovering over the element."
|
|
546
|
+
},
|
|
441
547
|
translate: {
|
|
442
548
|
required: false,
|
|
443
549
|
control: "radio",
|
|
444
550
|
type: "string",
|
|
445
|
-
options: ["yes", "no"]
|
|
551
|
+
options: ["yes", "no"],
|
|
552
|
+
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."
|
|
446
553
|
},
|
|
447
554
|
typeof: { required: false, control: "text", type: "string" },
|
|
448
555
|
unselectable: {
|
|
@@ -451,12 +558,22 @@ const propsRadioGroup = {
|
|
|
451
558
|
type: "string",
|
|
452
559
|
options: ["on", "off"]
|
|
453
560
|
},
|
|
454
|
-
value: {
|
|
561
|
+
value: {
|
|
562
|
+
required: false,
|
|
563
|
+
control: "text",
|
|
564
|
+
type: "string",
|
|
565
|
+
description: "Defines a default value which will be displayed in the element on pageload."
|
|
566
|
+
},
|
|
455
567
|
vocab: { required: false, control: "text", type: "string" }
|
|
456
568
|
};
|
|
457
569
|
const propsRadioGroupItem = {
|
|
458
570
|
about: { required: false, control: "text", type: "string" },
|
|
459
|
-
accessKey: {
|
|
571
|
+
accessKey: {
|
|
572
|
+
required: false,
|
|
573
|
+
control: "text",
|
|
574
|
+
type: "string",
|
|
575
|
+
description: "Keyboard shortcut to activate or add focus to the element."
|
|
576
|
+
},
|
|
460
577
|
"aria-activedescendant": {
|
|
461
578
|
description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
|
|
462
579
|
required: false,
|
|
@@ -612,7 +729,7 @@ const propsRadioGroupItem = {
|
|
|
612
729
|
type: "string"
|
|
613
730
|
},
|
|
614
731
|
"aria-label": {
|
|
615
|
-
description: "
|
|
732
|
+
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.",
|
|
616
733
|
required: false,
|
|
617
734
|
control: "text",
|
|
618
735
|
type: "string"
|
|
@@ -788,27 +905,112 @@ const propsRadioGroupItem = {
|
|
|
788
905
|
control: "text",
|
|
789
906
|
type: "string"
|
|
790
907
|
},
|
|
791
|
-
autoCapitalize: {
|
|
908
|
+
autoCapitalize: {
|
|
909
|
+
required: false,
|
|
910
|
+
control: "text",
|
|
911
|
+
type: "string",
|
|
912
|
+
description: "Sets whether input is automatically capitalized when entered by user."
|
|
913
|
+
},
|
|
792
914
|
autoCorrect: { required: false, control: "text", type: "string" },
|
|
793
|
-
autoFocus: {
|
|
915
|
+
autoFocus: {
|
|
916
|
+
required: false,
|
|
917
|
+
control: "boolean",
|
|
918
|
+
type: "boolean",
|
|
919
|
+
description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
|
|
920
|
+
},
|
|
794
921
|
autoSave: { required: false, control: "text", type: "string" },
|
|
795
|
-
checked: {
|
|
922
|
+
checked: {
|
|
923
|
+
required: false,
|
|
924
|
+
control: "boolean",
|
|
925
|
+
type: "boolean",
|
|
926
|
+
description: "Indicates whether the element should be checked on page load."
|
|
927
|
+
},
|
|
796
928
|
className: { required: false, control: "text", type: "string" },
|
|
797
|
-
color: {
|
|
798
|
-
|
|
799
|
-
|
|
929
|
+
color: {
|
|
930
|
+
required: false,
|
|
931
|
+
control: "color",
|
|
932
|
+
type: "string",
|
|
933
|
+
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."
|
|
934
|
+
},
|
|
935
|
+
content: {
|
|
936
|
+
required: false,
|
|
937
|
+
control: "text",
|
|
938
|
+
type: "string",
|
|
939
|
+
description: "A value associated with http-equiv orname depending on the context."
|
|
940
|
+
},
|
|
941
|
+
contextMenu: {
|
|
942
|
+
required: false,
|
|
943
|
+
control: "text",
|
|
944
|
+
type: "string",
|
|
945
|
+
description: "Defines the ID of a menu element which willserve as the element's context menu."
|
|
946
|
+
},
|
|
800
947
|
datatype: { required: false, control: "text", type: "string" },
|
|
801
|
-
dir: {
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
948
|
+
dir: {
|
|
949
|
+
required: false,
|
|
950
|
+
control: "text",
|
|
951
|
+
type: "string",
|
|
952
|
+
description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
|
|
953
|
+
},
|
|
954
|
+
disabled: {
|
|
955
|
+
required: false,
|
|
956
|
+
control: "boolean",
|
|
957
|
+
type: "boolean",
|
|
958
|
+
description: "Indicates whether the user can interact with the element."
|
|
959
|
+
},
|
|
960
|
+
draggable: {
|
|
961
|
+
required: false,
|
|
962
|
+
control: "boolean",
|
|
963
|
+
type: "boolean",
|
|
964
|
+
description: "Defines whether the element can be dragged."
|
|
965
|
+
},
|
|
966
|
+
form: {
|
|
967
|
+
required: false,
|
|
968
|
+
control: "text",
|
|
969
|
+
type: "string",
|
|
970
|
+
description: "Indicates the form that is the owner of the element."
|
|
971
|
+
},
|
|
972
|
+
formAction: {
|
|
973
|
+
required: false,
|
|
974
|
+
control: "text",
|
|
975
|
+
type: "string",
|
|
976
|
+
description: "Indicates the action of the element, overriding the action defined inthe form."
|
|
977
|
+
},
|
|
978
|
+
formEncType: {
|
|
979
|
+
required: false,
|
|
980
|
+
control: "text",
|
|
981
|
+
type: "string",
|
|
982
|
+
description: `If the button/input is a submit button (e.g. type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides theenctype attribute of the button's form owner.`
|
|
983
|
+
},
|
|
984
|
+
formMethod: {
|
|
985
|
+
required: false,
|
|
986
|
+
control: "text",
|
|
987
|
+
type: "string",
|
|
988
|
+
description: `If the button/input is a submit button (e.g. type="submit"), this attribute sets the submission method to use during form submission (GET, POST, etc.). If this attribute is specified, it overrides the method attribute of the button's form owner.`
|
|
989
|
+
},
|
|
990
|
+
formNoValidate: {
|
|
991
|
+
required: false,
|
|
992
|
+
control: "boolean",
|
|
993
|
+
type: "boolean",
|
|
994
|
+
description: `If the button/input is a submit button (e.g. type="submit"), this boolean attribute specifies that the form is not to be validatedwhen it is submitted. If this attribute is specified, it overrides thenovalidate attribute of the button's form owner.`
|
|
995
|
+
},
|
|
996
|
+
formTarget: {
|
|
997
|
+
required: false,
|
|
998
|
+
control: "text",
|
|
999
|
+
type: "string",
|
|
1000
|
+
description: `If the button/input is a submit button (e.g. type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received aftersubmitting the form. If this attribute is specified, it overrides thetarget attribute of the button's form owner.`
|
|
1001
|
+
},
|
|
1002
|
+
hidden: {
|
|
1003
|
+
required: false,
|
|
1004
|
+
control: "boolean",
|
|
1005
|
+
type: "boolean",
|
|
1006
|
+
description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
|
|
1007
|
+
},
|
|
1008
|
+
id: {
|
|
1009
|
+
required: false,
|
|
1010
|
+
control: "text",
|
|
1011
|
+
type: "string",
|
|
1012
|
+
description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
|
|
1013
|
+
},
|
|
812
1014
|
inputMode: {
|
|
813
1015
|
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",
|
|
814
1016
|
required: false,
|
|
@@ -836,21 +1038,56 @@ const propsRadioGroupItem = {
|
|
|
836
1038
|
itemRef: { required: false, control: "text", type: "string" },
|
|
837
1039
|
itemScope: { required: false, control: "boolean", type: "boolean" },
|
|
838
1040
|
itemType: { required: false, control: "text", type: "string" },
|
|
839
|
-
lang: {
|
|
1041
|
+
lang: {
|
|
1042
|
+
required: false,
|
|
1043
|
+
control: "text",
|
|
1044
|
+
type: "string",
|
|
1045
|
+
description: "Defines the language used in the element."
|
|
1046
|
+
},
|
|
840
1047
|
nonce: { required: false, control: "text", type: "string" },
|
|
841
|
-
placeholder: {
|
|
1048
|
+
placeholder: {
|
|
1049
|
+
required: false,
|
|
1050
|
+
control: "text",
|
|
1051
|
+
type: "string",
|
|
1052
|
+
description: "Provides a hint to the user of what can be entered in the field."
|
|
1053
|
+
},
|
|
842
1054
|
prefix: { required: false, control: "text", type: "string" },
|
|
843
1055
|
property: { required: false, control: "text", type: "string" },
|
|
844
1056
|
radioGroup: { required: false, control: "text", type: "string" },
|
|
845
|
-
rel: {
|
|
846
|
-
|
|
1057
|
+
rel: {
|
|
1058
|
+
required: false,
|
|
1059
|
+
control: "text",
|
|
1060
|
+
type: "string",
|
|
1061
|
+
description: "Specifies the relationship of the target object to the link object."
|
|
1062
|
+
},
|
|
1063
|
+
required: {
|
|
1064
|
+
required: false,
|
|
1065
|
+
control: "boolean",
|
|
1066
|
+
type: "boolean",
|
|
1067
|
+
description: "Indicates whether this form element must be filled before the form can be submitted."
|
|
1068
|
+
},
|
|
847
1069
|
resource: { required: false, control: "text", type: "string" },
|
|
848
1070
|
results: { required: false, control: "number", type: "number" },
|
|
849
1071
|
rev: { required: false, control: "text", type: "string" },
|
|
850
|
-
role: {
|
|
1072
|
+
role: {
|
|
1073
|
+
required: false,
|
|
1074
|
+
control: "text",
|
|
1075
|
+
type: "string",
|
|
1076
|
+
description: "Defines an explicit role for an element for use by assistive technologies."
|
|
1077
|
+
},
|
|
851
1078
|
security: { required: false, control: "text", type: "string" },
|
|
852
|
-
slot: {
|
|
853
|
-
|
|
1079
|
+
slot: {
|
|
1080
|
+
required: false,
|
|
1081
|
+
control: "text",
|
|
1082
|
+
type: "string",
|
|
1083
|
+
description: "Assigns a slot in a shadow DOM shadow tree to an element."
|
|
1084
|
+
},
|
|
1085
|
+
spellCheck: {
|
|
1086
|
+
required: false,
|
|
1087
|
+
control: "boolean",
|
|
1088
|
+
type: "boolean",
|
|
1089
|
+
description: "Indicates whether spell checking is allowed for the element."
|
|
1090
|
+
},
|
|
854
1091
|
suppressContentEditableWarning: {
|
|
855
1092
|
required: false,
|
|
856
1093
|
control: "boolean",
|
|
@@ -861,19 +1098,31 @@ const propsRadioGroupItem = {
|
|
|
861
1098
|
control: "boolean",
|
|
862
1099
|
type: "boolean"
|
|
863
1100
|
},
|
|
864
|
-
tabIndex: {
|
|
865
|
-
|
|
1101
|
+
tabIndex: {
|
|
1102
|
+
required: false,
|
|
1103
|
+
control: "number",
|
|
1104
|
+
type: "number",
|
|
1105
|
+
description: "Overrides the browser's default tab order and follows the one specified instead."
|
|
1106
|
+
},
|
|
1107
|
+
title: {
|
|
1108
|
+
required: false,
|
|
1109
|
+
control: "text",
|
|
1110
|
+
type: "string",
|
|
1111
|
+
description: "Text to be displayed in a tooltip when hovering over the element."
|
|
1112
|
+
},
|
|
866
1113
|
translate: {
|
|
867
1114
|
required: false,
|
|
868
1115
|
control: "radio",
|
|
869
1116
|
type: "string",
|
|
870
|
-
options: ["yes", "no"]
|
|
1117
|
+
options: ["yes", "no"],
|
|
1118
|
+
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."
|
|
871
1119
|
},
|
|
872
1120
|
type: {
|
|
873
1121
|
required: false,
|
|
874
1122
|
control: "radio",
|
|
875
1123
|
type: "string",
|
|
876
|
-
options: ["button", "submit", "reset"]
|
|
1124
|
+
options: ["button", "submit", "reset"],
|
|
1125
|
+
description: "Defines the type of the element."
|
|
877
1126
|
},
|
|
878
1127
|
typeof: { required: false, control: "text", type: "string" },
|
|
879
1128
|
unselectable: {
|
|
@@ -882,12 +1131,22 @@ const propsRadioGroupItem = {
|
|
|
882
1131
|
type: "string",
|
|
883
1132
|
options: ["on", "off"]
|
|
884
1133
|
},
|
|
885
|
-
value: {
|
|
1134
|
+
value: {
|
|
1135
|
+
required: true,
|
|
1136
|
+
control: "text",
|
|
1137
|
+
type: "string",
|
|
1138
|
+
description: "Defines a default value which will be displayed in the element on pageload."
|
|
1139
|
+
},
|
|
886
1140
|
vocab: { required: false, control: "text", type: "string" }
|
|
887
1141
|
};
|
|
888
1142
|
const propsRadioGroupIndicator = {
|
|
889
1143
|
about: { required: false, control: "text", type: "string" },
|
|
890
|
-
accessKey: {
|
|
1144
|
+
accessKey: {
|
|
1145
|
+
required: false,
|
|
1146
|
+
control: "text",
|
|
1147
|
+
type: "string",
|
|
1148
|
+
description: "Keyboard shortcut to activate or add focus to the element."
|
|
1149
|
+
},
|
|
891
1150
|
"aria-activedescendant": {
|
|
892
1151
|
description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
|
|
893
1152
|
required: false,
|
|
@@ -1043,7 +1302,7 @@ const propsRadioGroupIndicator = {
|
|
|
1043
1302
|
type: "string"
|
|
1044
1303
|
},
|
|
1045
1304
|
"aria-label": {
|
|
1046
|
-
description: "
|
|
1305
|
+
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.",
|
|
1047
1306
|
required: false,
|
|
1048
1307
|
control: "text",
|
|
1049
1308
|
type: "string"
|
|
@@ -1219,19 +1478,64 @@ const propsRadioGroupIndicator = {
|
|
|
1219
1478
|
control: "text",
|
|
1220
1479
|
type: "string"
|
|
1221
1480
|
},
|
|
1222
|
-
autoCapitalize: {
|
|
1481
|
+
autoCapitalize: {
|
|
1482
|
+
required: false,
|
|
1483
|
+
control: "text",
|
|
1484
|
+
type: "string",
|
|
1485
|
+
description: "Sets whether input is automatically capitalized when entered by user."
|
|
1486
|
+
},
|
|
1223
1487
|
autoCorrect: { required: false, control: "text", type: "string" },
|
|
1224
|
-
autoFocus: {
|
|
1488
|
+
autoFocus: {
|
|
1489
|
+
required: false,
|
|
1490
|
+
control: "boolean",
|
|
1491
|
+
type: "boolean",
|
|
1492
|
+
description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
|
|
1493
|
+
},
|
|
1225
1494
|
autoSave: { required: false, control: "text", type: "string" },
|
|
1226
1495
|
className: { required: false, control: "text", type: "string" },
|
|
1227
|
-
color: {
|
|
1228
|
-
|
|
1229
|
-
|
|
1496
|
+
color: {
|
|
1497
|
+
required: false,
|
|
1498
|
+
control: "color",
|
|
1499
|
+
type: "string",
|
|
1500
|
+
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."
|
|
1501
|
+
},
|
|
1502
|
+
content: {
|
|
1503
|
+
required: false,
|
|
1504
|
+
control: "text",
|
|
1505
|
+
type: "string",
|
|
1506
|
+
description: "A value associated with http-equiv orname depending on the context."
|
|
1507
|
+
},
|
|
1508
|
+
contextMenu: {
|
|
1509
|
+
required: false,
|
|
1510
|
+
control: "text",
|
|
1511
|
+
type: "string",
|
|
1512
|
+
description: "Defines the ID of a menu element which willserve as the element's context menu."
|
|
1513
|
+
},
|
|
1230
1514
|
datatype: { required: false, control: "text", type: "string" },
|
|
1231
|
-
dir: {
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1515
|
+
dir: {
|
|
1516
|
+
required: false,
|
|
1517
|
+
control: "text",
|
|
1518
|
+
type: "string",
|
|
1519
|
+
description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
|
|
1520
|
+
},
|
|
1521
|
+
draggable: {
|
|
1522
|
+
required: false,
|
|
1523
|
+
control: "boolean",
|
|
1524
|
+
type: "boolean",
|
|
1525
|
+
description: "Defines whether the element can be dragged."
|
|
1526
|
+
},
|
|
1527
|
+
hidden: {
|
|
1528
|
+
required: false,
|
|
1529
|
+
control: "boolean",
|
|
1530
|
+
type: "boolean",
|
|
1531
|
+
description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
|
|
1532
|
+
},
|
|
1533
|
+
id: {
|
|
1534
|
+
required: false,
|
|
1535
|
+
control: "text",
|
|
1536
|
+
type: "string",
|
|
1537
|
+
description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
|
|
1538
|
+
},
|
|
1235
1539
|
inputMode: {
|
|
1236
1540
|
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",
|
|
1237
1541
|
required: false,
|
|
@@ -1259,20 +1563,50 @@ const propsRadioGroupIndicator = {
|
|
|
1259
1563
|
itemRef: { required: false, control: "text", type: "string" },
|
|
1260
1564
|
itemScope: { required: false, control: "boolean", type: "boolean" },
|
|
1261
1565
|
itemType: { required: false, control: "text", type: "string" },
|
|
1262
|
-
lang: {
|
|
1566
|
+
lang: {
|
|
1567
|
+
required: false,
|
|
1568
|
+
control: "text",
|
|
1569
|
+
type: "string",
|
|
1570
|
+
description: "Defines the language used in the element."
|
|
1571
|
+
},
|
|
1263
1572
|
nonce: { required: false, control: "text", type: "string" },
|
|
1264
|
-
placeholder: {
|
|
1573
|
+
placeholder: {
|
|
1574
|
+
required: false,
|
|
1575
|
+
control: "text",
|
|
1576
|
+
type: "string",
|
|
1577
|
+
description: "Provides a hint to the user of what can be entered in the field."
|
|
1578
|
+
},
|
|
1265
1579
|
prefix: { required: false, control: "text", type: "string" },
|
|
1266
1580
|
property: { required: false, control: "text", type: "string" },
|
|
1267
1581
|
radioGroup: { required: false, control: "text", type: "string" },
|
|
1268
|
-
rel: {
|
|
1582
|
+
rel: {
|
|
1583
|
+
required: false,
|
|
1584
|
+
control: "text",
|
|
1585
|
+
type: "string",
|
|
1586
|
+
description: "Specifies the relationship of the target object to the link object."
|
|
1587
|
+
},
|
|
1269
1588
|
resource: { required: false, control: "text", type: "string" },
|
|
1270
1589
|
results: { required: false, control: "number", type: "number" },
|
|
1271
1590
|
rev: { required: false, control: "text", type: "string" },
|
|
1272
|
-
role: {
|
|
1591
|
+
role: {
|
|
1592
|
+
required: false,
|
|
1593
|
+
control: "text",
|
|
1594
|
+
type: "string",
|
|
1595
|
+
description: "Defines an explicit role for an element for use by assistive technologies."
|
|
1596
|
+
},
|
|
1273
1597
|
security: { required: false, control: "text", type: "string" },
|
|
1274
|
-
slot: {
|
|
1275
|
-
|
|
1598
|
+
slot: {
|
|
1599
|
+
required: false,
|
|
1600
|
+
control: "text",
|
|
1601
|
+
type: "string",
|
|
1602
|
+
description: "Assigns a slot in a shadow DOM shadow tree to an element."
|
|
1603
|
+
},
|
|
1604
|
+
spellCheck: {
|
|
1605
|
+
required: false,
|
|
1606
|
+
control: "boolean",
|
|
1607
|
+
type: "boolean",
|
|
1608
|
+
description: "Indicates whether spell checking is allowed for the element."
|
|
1609
|
+
},
|
|
1276
1610
|
suppressContentEditableWarning: {
|
|
1277
1611
|
required: false,
|
|
1278
1612
|
control: "boolean",
|
|
@@ -1283,13 +1617,24 @@ const propsRadioGroupIndicator = {
|
|
|
1283
1617
|
control: "boolean",
|
|
1284
1618
|
type: "boolean"
|
|
1285
1619
|
},
|
|
1286
|
-
tabIndex: {
|
|
1287
|
-
|
|
1620
|
+
tabIndex: {
|
|
1621
|
+
required: false,
|
|
1622
|
+
control: "number",
|
|
1623
|
+
type: "number",
|
|
1624
|
+
description: "Overrides the browser's default tab order and follows the one specified instead."
|
|
1625
|
+
},
|
|
1626
|
+
title: {
|
|
1627
|
+
required: false,
|
|
1628
|
+
control: "text",
|
|
1629
|
+
type: "string",
|
|
1630
|
+
description: "Text to be displayed in a tooltip when hovering over the element."
|
|
1631
|
+
},
|
|
1288
1632
|
translate: {
|
|
1289
1633
|
required: false,
|
|
1290
1634
|
control: "radio",
|
|
1291
1635
|
type: "string",
|
|
1292
|
-
options: ["yes", "no"]
|
|
1636
|
+
options: ["yes", "no"],
|
|
1637
|
+
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."
|
|
1293
1638
|
},
|
|
1294
1639
|
typeof: { required: false, control: "text", type: "string" },
|
|
1295
1640
|
unselectable: {
|