@webstudio-is/sdk-components-react-radix 0.87.1 → 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 -114
- package/lib/__generated__/button.props.js +158 -47
- package/lib/__generated__/checkbox.props.js +1083 -0
- package/lib/__generated__/collapsible.props.js +234 -44
- package/lib/__generated__/dialog.props.js +611 -121
- package/lib/__generated__/input.props.js +264 -47
- package/lib/__generated__/label.props.js +123 -23
- package/lib/__generated__/navigation-menu.props.js +2565 -0
- package/lib/__generated__/popover.props.js +129 -28
- package/lib/__generated__/radio-group.props.js +1627 -0
- package/lib/__generated__/select.props.js +3678 -0
- package/lib/__generated__/sheet.props.js +591 -121
- package/lib/__generated__/switch.props.js +1083 -0
- package/lib/__generated__/tabs.props.js +906 -68
- package/lib/__generated__/textarea.props.js +177 -31
- package/lib/__generated__/tooltip.props.js +131 -29
- package/lib/accordion.js +11 -4
- package/lib/accordion.ws.js +88 -72
- package/lib/checkbox.js +13 -0
- package/lib/checkbox.ws.js +153 -0
- package/lib/cjs/__generated__/accordion.props.js +605 -114
- package/lib/cjs/__generated__/button.props.js +158 -47
- package/lib/cjs/__generated__/checkbox.props.js +1103 -0
- package/lib/cjs/__generated__/collapsible.props.js +234 -44
- package/lib/cjs/__generated__/dialog.props.js +611 -121
- package/lib/cjs/__generated__/input.props.js +264 -47
- package/lib/cjs/__generated__/label.props.js +123 -23
- package/lib/cjs/__generated__/navigation-menu.props.js +2585 -0
- package/lib/cjs/__generated__/popover.props.js +129 -28
- package/lib/cjs/__generated__/radio-group.props.js +1647 -0
- package/lib/cjs/__generated__/select.props.js +3698 -0
- package/lib/cjs/__generated__/sheet.props.js +591 -121
- package/lib/cjs/__generated__/switch.props.js +1103 -0
- package/lib/cjs/__generated__/tabs.props.js +906 -68
- package/lib/cjs/__generated__/textarea.props.js +177 -31
- package/lib/cjs/__generated__/tooltip.props.js +131 -29
- package/lib/cjs/accordion.js +11 -4
- package/lib/cjs/accordion.ws.js +86 -71
- package/lib/cjs/{textarea.js → checkbox.js} +9 -6
- package/lib/cjs/checkbox.ws.js +174 -0
- package/lib/cjs/collapsible.ws.js +5 -1
- package/lib/cjs/components.js +27 -14
- package/lib/cjs/dialog.ws.js +18 -17
- package/lib/cjs/hooks.js +5 -1
- package/lib/cjs/label.ws.js +2 -1
- package/lib/cjs/metas.js +29 -14
- package/lib/cjs/navigation-menu.js +107 -0
- package/lib/cjs/navigation-menu.ws.js +514 -0
- package/lib/cjs/popover.ws.js +13 -9
- package/lib/cjs/props-descriptions.js +56 -0
- package/lib/cjs/props.js +27 -14
- package/lib/cjs/{button.js → radio-group.js} +10 -8
- package/lib/cjs/radio-group.ws.js +191 -0
- package/lib/cjs/select.js +83 -0
- package/lib/cjs/select.ws.js +350 -0
- package/lib/cjs/sheet.ws.js +88 -176
- package/lib/cjs/{input.js → switch.js} +8 -9
- package/lib/cjs/switch.ws.js +173 -0
- package/lib/cjs/tabs.js +2 -3
- package/lib/cjs/tabs.ws.js +14 -18
- package/lib/cjs/theme/styles.js +100 -0
- package/lib/cjs/theme/tailwind-classes.js +125 -16
- package/lib/cjs/theme/tailwind-colors.js +1 -0
- package/lib/cjs/tooltip.ws.js +12 -8
- package/lib/collapsible.ws.js +5 -1
- package/lib/components.js +44 -22
- package/lib/dialog.ws.js +18 -17
- package/lib/hooks.js +5 -1
- package/lib/label.ws.js +2 -1
- package/lib/metas.js +58 -24
- package/lib/navigation-menu.js +85 -0
- package/lib/navigation-menu.ws.js +501 -0
- package/lib/popover.ws.js +13 -9
- package/lib/props-descriptions.js +36 -0
- package/lib/props.js +56 -24
- package/lib/radio-group.js +11 -0
- package/lib/radio-group.ws.js +173 -0
- package/lib/select.js +75 -0
- package/lib/select.ws.js +338 -0
- package/lib/sheet.ws.js +89 -194
- package/lib/switch.js +7 -0
- package/lib/switch.ws.js +145 -0
- package/lib/tabs.js +3 -5
- package/lib/tabs.ws.js +15 -19
- package/lib/theme/styles.js +70 -0
- package/lib/theme/tailwind-classes.js +125 -16
- package/lib/theme/tailwind-colors.js +1 -0
- package/lib/tooltip.ws.js +12 -8
- package/lib/types/__generated__/checkbox.props.d.ts +3 -0
- package/lib/types/__generated__/navigation-menu.props.d.ts +8 -0
- package/lib/types/__generated__/radio-group.props.d.ts +4 -0
- package/lib/types/__generated__/select.props.d.ts +9 -0
- package/lib/types/__generated__/switch.props.d.ts +3 -0
- package/lib/types/checkbox.d.ts +6 -0
- package/lib/types/checkbox.stories.d.ts +11 -0
- package/lib/types/checkbox.ws.d.ts +5 -0
- package/lib/types/components.d.ts +5 -4
- package/lib/types/metas.d.ts +6 -4
- package/lib/types/navigation-menu.d.ts +15 -0
- package/lib/types/navigation-menu.ws.d.ts +15 -0
- package/lib/types/props-descriptions.d.ts +29 -0
- package/lib/types/props.d.ts +5 -4
- package/lib/types/radio-group.d.ts +5 -0
- package/lib/types/radio-group.stories.d.ts +9 -0
- package/lib/types/radio-group.ws.d.ts +7 -0
- package/lib/types/select.d.ts +14 -0
- package/lib/types/select.ws.d.ts +17 -0
- package/lib/types/sheet.ws.d.ts +2 -15
- package/lib/types/switch.d.ts +4 -0
- package/lib/types/switch.stories.d.ts +9 -0
- package/lib/types/switch.ws.d.ts +5 -0
- package/lib/types/tabs.d.ts +3 -12
- package/lib/types/theme/radix-common-types.d.ts +3 -2
- package/lib/types/theme/styles.d.ts +215 -0
- package/lib/types/theme/tailwind-classes.d.ts +16 -6
- package/lib/types/theme/tailwind-colors.d.ts +1 -0
- package/lib/types/theme/tailwind-theme.d.ts +1 -1
- package/package.json +12 -7
- package/src/__generated__/accordion.props.ts +675 -108
- package/src/__generated__/button.props.ts +177 -45
- package/src/__generated__/checkbox.props.ts +1217 -0
- package/src/__generated__/collapsible.props.ts +261 -42
- package/src/__generated__/dialog.props.ts +682 -115
- package/src/__generated__/input.props.ts +292 -44
- package/src/__generated__/label.props.ts +137 -22
- package/src/__generated__/navigation-menu.props.ts +2882 -0
- package/src/__generated__/popover.props.ts +142 -24
- package/src/__generated__/radio-group.props.ts +1828 -0
- package/src/__generated__/select.props.ts +4130 -0
- package/src/__generated__/sheet.props.ts +657 -110
- package/src/__generated__/switch.props.ts +1217 -0
- package/src/__generated__/tabs.props.ts +1019 -67
- package/src/__generated__/textarea.props.ts +195 -30
- package/src/__generated__/tooltip.props.ts +145 -25
- package/src/accordion.tsx +14 -7
- package/src/accordion.ws.ts +87 -70
- package/src/{textarea.stories.ts → checkbox.stories.ts} +6 -11
- package/src/checkbox.tsx +22 -0
- package/src/checkbox.ws.ts +154 -0
- package/src/collapsible.ws.ts +6 -1
- package/src/components.ts +25 -12
- package/src/dialog.ws.tsx +17 -16
- package/src/hooks.ts +4 -0
- package/src/label.ws.ts +3 -1
- package/src/metas.ts +36 -12
- package/src/navigation-menu.stories.tsx +21 -0
- package/src/navigation-menu.tsx +130 -0
- package/src/navigation-menu.ws.ts +524 -0
- package/src/popover.ws.tsx +13 -9
- package/src/props-descriptions.ts +43 -0
- package/src/props.ts +35 -12
- package/src/{input.stories.ts → radio-group.stories.ts} +6 -15
- package/src/radio-group.tsx +17 -0
- package/src/radio-group.ws.ts +178 -0
- package/src/select.stories.tsx +21 -0
- package/src/select.tsx +112 -0
- package/src/select.ws.ts +349 -0
- package/src/sheet.ws.tsx +91 -209
- package/src/{button.stories.ts → switch.stories.ts} +6 -19
- package/src/switch.tsx +10 -0
- package/src/switch.ws.ts +146 -0
- package/src/tabs.tsx +4 -17
- package/src/tabs.ws.ts +19 -19
- package/src/theme/radix-common-types.ts +3 -2
- package/src/theme/styles.ts +80 -0
- package/src/theme/tailwind-classes.ts +150 -14
- package/src/theme/tailwind-colors.ts +1 -0
- package/src/tooltip.ws.tsx +13 -8
- package/lib/button.js +0 -8
- package/lib/button.ws.js +0 -133
- package/lib/cjs/button.ws.js +0 -160
- package/lib/cjs/input.ws.js +0 -103
- package/lib/cjs/textarea.ws.js +0 -98
- package/lib/input.js +0 -8
- package/lib/input.ws.js +0 -75
- package/lib/textarea.js +0 -8
- package/lib/textarea.ws.js +0 -70
- package/lib/types/button.d.ts +0 -7
- package/lib/types/button.stories.d.ts +0 -20
- package/lib/types/button.ws.d.ts +0 -7
- package/lib/types/input.d.ts +0 -2
- package/lib/types/input.stories.d.ts +0 -20
- package/lib/types/input.ws.d.ts +0 -3
- package/lib/types/textarea.d.ts +0 -2
- package/lib/types/textarea.stories.d.ts +0 -14
- package/lib/types/textarea.ws.d.ts +0 -3
- package/src/button.tsx +0 -25
- package/src/button.ws.ts +0 -155
- package/src/input.tsx +0 -12
- package/src/input.ws.ts +0 -78
- package/src/textarea.tsx +0 -12
- package/src/textarea.ws.ts +0 -74
|
@@ -24,21 +24,36 @@ __export(popover_props_exports, {
|
|
|
24
24
|
});
|
|
25
25
|
module.exports = __toCommonJS(popover_props_exports);
|
|
26
26
|
const propsPopover = {
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
open: {
|
|
28
|
+
required: false,
|
|
29
|
+
control: "boolean",
|
|
30
|
+
type: "boolean",
|
|
31
|
+
description: "Show or hide the content of this component on the canvas. This will not affect the initial state of the component."
|
|
32
|
+
}
|
|
29
33
|
};
|
|
30
34
|
const propsPopoverTrigger = {};
|
|
31
35
|
const propsPopoverContent = {
|
|
32
36
|
about: { required: false, control: "text", type: "string" },
|
|
33
|
-
accessKey: {
|
|
37
|
+
accessKey: {
|
|
38
|
+
required: false,
|
|
39
|
+
control: "text",
|
|
40
|
+
type: "string",
|
|
41
|
+
description: "Keyboard shortcut to activate or add focus to the element."
|
|
42
|
+
},
|
|
34
43
|
align: {
|
|
35
44
|
required: false,
|
|
36
45
|
control: "radio",
|
|
37
46
|
type: "string",
|
|
38
47
|
defaultValue: "center",
|
|
39
|
-
options: ["center", "start", "end"]
|
|
48
|
+
options: ["center", "start", "end"],
|
|
49
|
+
description: "Specifies the horizontal alignment of the element."
|
|
50
|
+
},
|
|
51
|
+
alignOffset: {
|
|
52
|
+
required: false,
|
|
53
|
+
control: "number",
|
|
54
|
+
type: "number",
|
|
55
|
+
description: "The offset in pixels from the \u201Cstart\u201C or \u201Cend\u201C alignment options."
|
|
40
56
|
},
|
|
41
|
-
alignOffset: { required: false, control: "number", type: "number" },
|
|
42
57
|
"aria-activedescendant": {
|
|
43
58
|
description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
|
|
44
59
|
required: false,
|
|
@@ -194,7 +209,7 @@ const propsPopoverContent = {
|
|
|
194
209
|
type: "string"
|
|
195
210
|
},
|
|
196
211
|
"aria-label": {
|
|
197
|
-
description: "
|
|
212
|
+
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.",
|
|
198
213
|
required: false,
|
|
199
214
|
control: "text",
|
|
200
215
|
type: "string"
|
|
@@ -371,28 +386,71 @@ const propsPopoverContent = {
|
|
|
371
386
|
type: "string"
|
|
372
387
|
},
|
|
373
388
|
arrowPadding: { required: false, control: "number", type: "number" },
|
|
374
|
-
|
|
375
|
-
|
|
389
|
+
autoCapitalize: {
|
|
390
|
+
required: false,
|
|
391
|
+
control: "text",
|
|
392
|
+
type: "string",
|
|
393
|
+
description: "Sets whether input is automatically capitalized when entered by user."
|
|
394
|
+
},
|
|
376
395
|
autoCorrect: { required: false, control: "text", type: "string" },
|
|
377
|
-
autoFocus: {
|
|
396
|
+
autoFocus: {
|
|
397
|
+
required: false,
|
|
398
|
+
control: "boolean",
|
|
399
|
+
type: "boolean",
|
|
400
|
+
description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
|
|
401
|
+
},
|
|
378
402
|
autoSave: { required: false, control: "text", type: "string" },
|
|
379
403
|
avoidCollisions: { required: false, control: "boolean", type: "boolean" },
|
|
380
404
|
className: { required: false, control: "text", type: "string" },
|
|
381
|
-
color: {
|
|
382
|
-
|
|
383
|
-
|
|
405
|
+
color: {
|
|
406
|
+
required: false,
|
|
407
|
+
control: "color",
|
|
408
|
+
type: "string",
|
|
409
|
+
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."
|
|
410
|
+
},
|
|
411
|
+
content: {
|
|
412
|
+
required: false,
|
|
413
|
+
control: "text",
|
|
414
|
+
type: "string",
|
|
415
|
+
description: "A value associated with http-equiv orname depending on the context."
|
|
416
|
+
},
|
|
417
|
+
contextMenu: {
|
|
418
|
+
required: false,
|
|
419
|
+
control: "text",
|
|
420
|
+
type: "string",
|
|
421
|
+
description: "Defines the ID of a menu element which willserve as the element's context menu."
|
|
422
|
+
},
|
|
384
423
|
datatype: { required: false, control: "text", type: "string" },
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
424
|
+
dir: {
|
|
425
|
+
required: false,
|
|
426
|
+
control: "text",
|
|
427
|
+
type: "string",
|
|
428
|
+
description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
|
|
429
|
+
},
|
|
430
|
+
draggable: {
|
|
431
|
+
required: false,
|
|
432
|
+
control: "boolean",
|
|
433
|
+
type: "boolean",
|
|
434
|
+
description: "Defines whether the element can be dragged."
|
|
435
|
+
},
|
|
436
|
+
hidden: {
|
|
437
|
+
required: false,
|
|
438
|
+
control: "boolean",
|
|
439
|
+
type: "boolean",
|
|
440
|
+
description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
|
|
441
|
+
},
|
|
389
442
|
hideWhenDetached: {
|
|
390
443
|
required: false,
|
|
391
444
|
control: "boolean",
|
|
392
445
|
type: "boolean",
|
|
393
446
|
defaultValue: true
|
|
394
447
|
},
|
|
395
|
-
id: {
|
|
448
|
+
id: {
|
|
449
|
+
required: false,
|
|
450
|
+
control: "text",
|
|
451
|
+
type: "string",
|
|
452
|
+
description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
|
|
453
|
+
},
|
|
396
454
|
inputMode: {
|
|
397
455
|
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",
|
|
398
456
|
required: false,
|
|
@@ -420,32 +478,64 @@ const propsPopoverContent = {
|
|
|
420
478
|
itemRef: { required: false, control: "text", type: "string" },
|
|
421
479
|
itemScope: { required: false, control: "boolean", type: "boolean" },
|
|
422
480
|
itemType: { required: false, control: "text", type: "string" },
|
|
423
|
-
lang: {
|
|
481
|
+
lang: {
|
|
482
|
+
required: false,
|
|
483
|
+
control: "text",
|
|
484
|
+
type: "string",
|
|
485
|
+
description: "Defines the language used in the element."
|
|
486
|
+
},
|
|
424
487
|
nonce: { required: false, control: "text", type: "string" },
|
|
425
|
-
placeholder: {
|
|
488
|
+
placeholder: {
|
|
489
|
+
required: false,
|
|
490
|
+
control: "text",
|
|
491
|
+
type: "string",
|
|
492
|
+
description: "Provides a hint to the user of what can be entered in the field."
|
|
493
|
+
},
|
|
426
494
|
prefix: { required: false, control: "text", type: "string" },
|
|
427
495
|
property: { required: false, control: "text", type: "string" },
|
|
428
496
|
radioGroup: { required: false, control: "text", type: "string" },
|
|
429
|
-
rel: {
|
|
497
|
+
rel: {
|
|
498
|
+
required: false,
|
|
499
|
+
control: "text",
|
|
500
|
+
type: "string",
|
|
501
|
+
description: "Specifies the relationship of the target object to the link object."
|
|
502
|
+
},
|
|
430
503
|
resource: { required: false, control: "text", type: "string" },
|
|
431
504
|
results: { required: false, control: "number", type: "number" },
|
|
432
505
|
rev: { required: false, control: "text", type: "string" },
|
|
433
|
-
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
|
+
},
|
|
434
512
|
security: { required: false, control: "text", type: "string" },
|
|
435
513
|
side: {
|
|
436
514
|
required: false,
|
|
437
515
|
control: "select",
|
|
438
516
|
type: "string",
|
|
439
|
-
options: ["top", "right", "bottom", "left"]
|
|
517
|
+
options: ["top", "right", "bottom", "left"],
|
|
518
|
+
description: "The preferred alignment against the Trigger. May change when collisions occur."
|
|
440
519
|
},
|
|
441
520
|
sideOffset: {
|
|
442
521
|
required: false,
|
|
443
522
|
control: "number",
|
|
444
523
|
type: "number",
|
|
445
|
-
defaultValue: 4
|
|
524
|
+
defaultValue: 4,
|
|
525
|
+
description: "The distance in pixels between the Content and the Trigger."
|
|
526
|
+
},
|
|
527
|
+
slot: {
|
|
528
|
+
required: false,
|
|
529
|
+
control: "text",
|
|
530
|
+
type: "string",
|
|
531
|
+
description: "Assigns a slot in a shadow DOM shadow tree to an element."
|
|
532
|
+
},
|
|
533
|
+
spellCheck: {
|
|
534
|
+
required: false,
|
|
535
|
+
control: "boolean",
|
|
536
|
+
type: "boolean",
|
|
537
|
+
description: "Indicates whether spell checking is allowed for the element."
|
|
446
538
|
},
|
|
447
|
-
slot: { required: false, control: "text", type: "string" },
|
|
448
|
-
spellCheck: { required: false, control: "boolean", type: "boolean" },
|
|
449
539
|
sticky: {
|
|
450
540
|
required: false,
|
|
451
541
|
control: "radio",
|
|
@@ -462,13 +552,24 @@ const propsPopoverContent = {
|
|
|
462
552
|
control: "boolean",
|
|
463
553
|
type: "boolean"
|
|
464
554
|
},
|
|
465
|
-
tabIndex: {
|
|
466
|
-
|
|
555
|
+
tabIndex: {
|
|
556
|
+
required: false,
|
|
557
|
+
control: "number",
|
|
558
|
+
type: "number",
|
|
559
|
+
description: "Overrides the browser's default tab order and follows the one specified instead."
|
|
560
|
+
},
|
|
561
|
+
title: {
|
|
562
|
+
required: false,
|
|
563
|
+
control: "text",
|
|
564
|
+
type: "string",
|
|
565
|
+
description: "Text to be displayed in a tooltip when hovering over the element."
|
|
566
|
+
},
|
|
467
567
|
translate: {
|
|
468
568
|
required: false,
|
|
469
569
|
control: "radio",
|
|
470
570
|
type: "string",
|
|
471
|
-
options: ["yes", "no"]
|
|
571
|
+
options: ["yes", "no"],
|
|
572
|
+
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."
|
|
472
573
|
},
|
|
473
574
|
typeof: { required: false, control: "text", type: "string" },
|
|
474
575
|
unselectable: {
|