@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
|
@@ -1,18 +1,34 @@
|
|
|
1
1
|
const propsPopover = {
|
|
2
|
-
open: {
|
|
2
|
+
open: {
|
|
3
|
+
required: false,
|
|
4
|
+
control: "boolean",
|
|
5
|
+
type: "boolean",
|
|
6
|
+
description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component."
|
|
7
|
+
}
|
|
3
8
|
};
|
|
4
9
|
const propsPopoverTrigger = {};
|
|
5
10
|
const propsPopoverContent = {
|
|
6
11
|
about: { required: false, control: "text", type: "string" },
|
|
7
|
-
accessKey: {
|
|
12
|
+
accessKey: {
|
|
13
|
+
required: false,
|
|
14
|
+
control: "text",
|
|
15
|
+
type: "string",
|
|
16
|
+
description: "Keyboard shortcut to activate or add focus to the element."
|
|
17
|
+
},
|
|
8
18
|
align: {
|
|
9
19
|
required: false,
|
|
10
20
|
control: "radio",
|
|
11
21
|
type: "string",
|
|
12
22
|
defaultValue: "center",
|
|
13
|
-
options: ["center", "start", "end"]
|
|
23
|
+
options: ["center", "start", "end"],
|
|
24
|
+
description: "Specifies the horizontal alignment of the element."
|
|
25
|
+
},
|
|
26
|
+
alignOffset: {
|
|
27
|
+
required: false,
|
|
28
|
+
control: "number",
|
|
29
|
+
type: "number",
|
|
30
|
+
description: "The offset in pixels from the \u201Cstart\u201C or \u201Cend\u201C alignment options."
|
|
14
31
|
},
|
|
15
|
-
alignOffset: { required: false, control: "number", type: "number" },
|
|
16
32
|
"aria-activedescendant": {
|
|
17
33
|
description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
|
|
18
34
|
required: false,
|
|
@@ -168,7 +184,7 @@ const propsPopoverContent = {
|
|
|
168
184
|
type: "string"
|
|
169
185
|
},
|
|
170
186
|
"aria-label": {
|
|
171
|
-
description: "
|
|
187
|
+
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.",
|
|
172
188
|
required: false,
|
|
173
189
|
control: "text",
|
|
174
190
|
type: "string"
|
|
@@ -345,26 +361,71 @@ const propsPopoverContent = {
|
|
|
345
361
|
type: "string"
|
|
346
362
|
},
|
|
347
363
|
arrowPadding: { required: false, control: "number", type: "number" },
|
|
348
|
-
autoCapitalize: {
|
|
364
|
+
autoCapitalize: {
|
|
365
|
+
required: false,
|
|
366
|
+
control: "text",
|
|
367
|
+
type: "string",
|
|
368
|
+
description: "Sets whether input is automatically capitalized when entered by user."
|
|
369
|
+
},
|
|
349
370
|
autoCorrect: { required: false, control: "text", type: "string" },
|
|
350
|
-
autoFocus: {
|
|
371
|
+
autoFocus: {
|
|
372
|
+
required: false,
|
|
373
|
+
control: "boolean",
|
|
374
|
+
type: "boolean",
|
|
375
|
+
description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
|
|
376
|
+
},
|
|
351
377
|
autoSave: { required: false, control: "text", type: "string" },
|
|
352
378
|
avoidCollisions: { required: false, control: "boolean", type: "boolean" },
|
|
353
379
|
className: { required: false, control: "text", type: "string" },
|
|
354
|
-
color: {
|
|
355
|
-
|
|
356
|
-
|
|
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
|
+
},
|
|
357
398
|
datatype: { required: false, control: "text", type: "string" },
|
|
358
|
-
dir: {
|
|
359
|
-
|
|
360
|
-
|
|
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
|
+
draggable: {
|
|
406
|
+
required: false,
|
|
407
|
+
control: "boolean",
|
|
408
|
+
type: "boolean",
|
|
409
|
+
description: "Defines whether the element can be dragged."
|
|
410
|
+
},
|
|
411
|
+
hidden: {
|
|
412
|
+
required: false,
|
|
413
|
+
control: "boolean",
|
|
414
|
+
type: "boolean",
|
|
415
|
+
description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
|
|
416
|
+
},
|
|
361
417
|
hideWhenDetached: {
|
|
362
418
|
required: false,
|
|
363
419
|
control: "boolean",
|
|
364
420
|
type: "boolean",
|
|
365
421
|
defaultValue: true
|
|
366
422
|
},
|
|
367
|
-
id: {
|
|
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
|
+
},
|
|
368
429
|
inputMode: {
|
|
369
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",
|
|
370
431
|
required: false,
|
|
@@ -392,32 +453,64 @@ const propsPopoverContent = {
|
|
|
392
453
|
itemRef: { required: false, control: "text", type: "string" },
|
|
393
454
|
itemScope: { required: false, control: "boolean", type: "boolean" },
|
|
394
455
|
itemType: { required: false, control: "text", type: "string" },
|
|
395
|
-
lang: {
|
|
456
|
+
lang: {
|
|
457
|
+
required: false,
|
|
458
|
+
control: "text",
|
|
459
|
+
type: "string",
|
|
460
|
+
description: "Defines the language used in the element."
|
|
461
|
+
},
|
|
396
462
|
nonce: { required: false, control: "text", type: "string" },
|
|
397
|
-
placeholder: {
|
|
463
|
+
placeholder: {
|
|
464
|
+
required: false,
|
|
465
|
+
control: "text",
|
|
466
|
+
type: "string",
|
|
467
|
+
description: "Provides a hint to the user of what can be entered in the field."
|
|
468
|
+
},
|
|
398
469
|
prefix: { required: false, control: "text", type: "string" },
|
|
399
470
|
property: { required: false, control: "text", type: "string" },
|
|
400
471
|
radioGroup: { required: false, control: "text", type: "string" },
|
|
401
|
-
rel: {
|
|
472
|
+
rel: {
|
|
473
|
+
required: false,
|
|
474
|
+
control: "text",
|
|
475
|
+
type: "string",
|
|
476
|
+
description: "Specifies the relationship of the target object to the link object."
|
|
477
|
+
},
|
|
402
478
|
resource: { required: false, control: "text", type: "string" },
|
|
403
479
|
results: { required: false, control: "number", type: "number" },
|
|
404
480
|
rev: { required: false, control: "text", type: "string" },
|
|
405
|
-
role: {
|
|
481
|
+
role: {
|
|
482
|
+
required: false,
|
|
483
|
+
control: "text",
|
|
484
|
+
type: "string",
|
|
485
|
+
description: "Defines an explicit role for an element for use by assistive technologies."
|
|
486
|
+
},
|
|
406
487
|
security: { required: false, control: "text", type: "string" },
|
|
407
488
|
side: {
|
|
408
489
|
required: false,
|
|
409
490
|
control: "select",
|
|
410
491
|
type: "string",
|
|
411
|
-
options: ["top", "right", "bottom", "left"]
|
|
492
|
+
options: ["top", "right", "bottom", "left"],
|
|
493
|
+
description: "The preferred alignment against the Trigger. May change when collisions occur."
|
|
412
494
|
},
|
|
413
495
|
sideOffset: {
|
|
414
496
|
required: false,
|
|
415
497
|
control: "number",
|
|
416
498
|
type: "number",
|
|
417
|
-
defaultValue: 4
|
|
499
|
+
defaultValue: 4,
|
|
500
|
+
description: "The distance in pixels between the Content and the Trigger."
|
|
501
|
+
},
|
|
502
|
+
slot: {
|
|
503
|
+
required: false,
|
|
504
|
+
control: "text",
|
|
505
|
+
type: "string",
|
|
506
|
+
description: "Assigns a slot in a shadow DOM shadow tree to an element."
|
|
507
|
+
},
|
|
508
|
+
spellCheck: {
|
|
509
|
+
required: false,
|
|
510
|
+
control: "boolean",
|
|
511
|
+
type: "boolean",
|
|
512
|
+
description: "Indicates whether spell checking is allowed for the element."
|
|
418
513
|
},
|
|
419
|
-
slot: { required: false, control: "text", type: "string" },
|
|
420
|
-
spellCheck: { required: false, control: "boolean", type: "boolean" },
|
|
421
514
|
sticky: {
|
|
422
515
|
required: false,
|
|
423
516
|
control: "radio",
|
|
@@ -434,13 +527,24 @@ const propsPopoverContent = {
|
|
|
434
527
|
control: "boolean",
|
|
435
528
|
type: "boolean"
|
|
436
529
|
},
|
|
437
|
-
tabIndex: {
|
|
438
|
-
|
|
530
|
+
tabIndex: {
|
|
531
|
+
required: false,
|
|
532
|
+
control: "number",
|
|
533
|
+
type: "number",
|
|
534
|
+
description: "Overrides the browser's default tab order and follows the one specified instead."
|
|
535
|
+
},
|
|
536
|
+
title: {
|
|
537
|
+
required: false,
|
|
538
|
+
control: "text",
|
|
539
|
+
type: "string",
|
|
540
|
+
description: "Text to be displayed in a tooltip when hovering over the element."
|
|
541
|
+
},
|
|
439
542
|
translate: {
|
|
440
543
|
required: false,
|
|
441
544
|
control: "radio",
|
|
442
545
|
type: "string",
|
|
443
|
-
options: ["yes", "no"]
|
|
546
|
+
options: ["yes", "no"],
|
|
547
|
+
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."
|
|
444
548
|
},
|
|
445
549
|
typeof: { required: false, control: "text", type: "string" },
|
|
446
550
|
unselectable: {
|