@webstudio-is/sdk-components-react-radix 0.163.0 → 0.168.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/components.js +1 -1
- package/lib/hooks.js +1 -1
- package/lib/metas.js +104 -34
- package/lib/props.js +95 -31
- package/lib/types/theme/styles.d.ts +1 -0
- package/package.json +8 -14
package/lib/components.js
CHANGED
|
@@ -118,7 +118,7 @@ var DialogContent = forwardRef2((props, ref) => {
|
|
|
118
118
|
});
|
|
119
119
|
var DialogClose = DialogPrimitive.Close;
|
|
120
120
|
var defaultTag = "h1";
|
|
121
|
-
var DialogTitle2 = forwardRef2(({ tag: Tag = defaultTag, children, ...props }, ref) => /* @__PURE__ */ jsx2(DialogPrimitive.DialogTitle, { asChild: true, children: /* @__PURE__ */ jsx2(Tag, { ref, ...props, children
|
|
121
|
+
var DialogTitle2 = forwardRef2(({ tag: Tag = defaultTag, children, ...props }, ref) => /* @__PURE__ */ jsx2(DialogPrimitive.DialogTitle, { asChild: true, children: /* @__PURE__ */ jsx2(Tag, { ref, ...props, children }) }));
|
|
122
122
|
var DialogDescription = DialogPrimitive.Description;
|
|
123
123
|
|
|
124
124
|
// src/popover.tsx
|
package/lib/hooks.js
CHANGED
|
@@ -169,7 +169,7 @@ var DialogContent = forwardRef3((props, ref) => {
|
|
|
169
169
|
);
|
|
170
170
|
});
|
|
171
171
|
var defaultTag = "h1";
|
|
172
|
-
var DialogTitle2 = forwardRef3(({ tag: Tag = defaultTag, children, ...props }, ref) => /* @__PURE__ */ jsx3(DialogPrimitive.DialogTitle, { asChild: true, children: /* @__PURE__ */ jsx3(Tag, { ref, ...props, children
|
|
172
|
+
var DialogTitle2 = forwardRef3(({ tag: Tag = defaultTag, children, ...props }, ref) => /* @__PURE__ */ jsx3(DialogPrimitive.DialogTitle, { asChild: true, children: /* @__PURE__ */ jsx3(Tag, { ref, ...props, children }) }));
|
|
173
173
|
var namespace3 = "@webstudio-is/sdk-components-react-radix";
|
|
174
174
|
var hooksDialog = {
|
|
175
175
|
onNavigatorUnselect: (context, event) => {
|
package/lib/metas.js
CHANGED
|
@@ -1761,7 +1761,13 @@ var metaCollapsible = {
|
|
|
1761
1761
|
type: "instance",
|
|
1762
1762
|
component: "Button",
|
|
1763
1763
|
styles: getButtonStyles("outline"),
|
|
1764
|
-
children: [
|
|
1764
|
+
children: [
|
|
1765
|
+
{
|
|
1766
|
+
type: "text",
|
|
1767
|
+
value: "Click to toggle content",
|
|
1768
|
+
placeholder: true
|
|
1769
|
+
}
|
|
1770
|
+
]
|
|
1765
1771
|
}
|
|
1766
1772
|
]
|
|
1767
1773
|
},
|
|
@@ -1772,7 +1778,13 @@ var metaCollapsible = {
|
|
|
1772
1778
|
{
|
|
1773
1779
|
type: "instance",
|
|
1774
1780
|
component: "Text",
|
|
1775
|
-
children: [
|
|
1781
|
+
children: [
|
|
1782
|
+
{
|
|
1783
|
+
type: "text",
|
|
1784
|
+
value: "Collapsible Content",
|
|
1785
|
+
placeholder: true
|
|
1786
|
+
}
|
|
1787
|
+
]
|
|
1776
1788
|
}
|
|
1777
1789
|
]
|
|
1778
1790
|
}
|
|
@@ -1910,7 +1922,7 @@ var metaDialog = {
|
|
|
1910
1922
|
type: "instance",
|
|
1911
1923
|
component: "Button",
|
|
1912
1924
|
styles: getButtonStyles("outline"),
|
|
1913
|
-
children: [{ type: "text", value: "Button" }]
|
|
1925
|
+
children: [{ type: "text", value: "Button", placeholder: true }]
|
|
1914
1926
|
}
|
|
1915
1927
|
]
|
|
1916
1928
|
},
|
|
@@ -1977,7 +1989,8 @@ var metaDialog = {
|
|
|
1977
1989
|
children: [
|
|
1978
1990
|
{
|
|
1979
1991
|
type: "text",
|
|
1980
|
-
value: "Dialog Title"
|
|
1992
|
+
value: "Dialog Title you can edit",
|
|
1993
|
+
placeholder: true
|
|
1981
1994
|
}
|
|
1982
1995
|
]
|
|
1983
1996
|
},
|
|
@@ -1995,7 +2008,8 @@ var metaDialog = {
|
|
|
1995
2008
|
children: [
|
|
1996
2009
|
{
|
|
1997
2010
|
type: "text",
|
|
1998
|
-
value: "Dialog description text you can edit"
|
|
2011
|
+
value: "Dialog description text you can edit",
|
|
2012
|
+
placeholder: true
|
|
1999
2013
|
}
|
|
2000
2014
|
]
|
|
2001
2015
|
}
|
|
@@ -2004,7 +2018,13 @@ var metaDialog = {
|
|
|
2004
2018
|
{
|
|
2005
2019
|
type: "instance",
|
|
2006
2020
|
component: "Text",
|
|
2007
|
-
children: [
|
|
2021
|
+
children: [
|
|
2022
|
+
{
|
|
2023
|
+
type: "text",
|
|
2024
|
+
value: "The text you can edit",
|
|
2025
|
+
placeholder: true
|
|
2026
|
+
}
|
|
2027
|
+
]
|
|
2008
2028
|
},
|
|
2009
2029
|
{
|
|
2010
2030
|
type: "instance",
|
|
@@ -2195,7 +2215,8 @@ var meta = {
|
|
|
2195
2215
|
children: [
|
|
2196
2216
|
{
|
|
2197
2217
|
type: "text",
|
|
2198
|
-
value: "Sheet Title"
|
|
2218
|
+
value: "Sheet Title",
|
|
2219
|
+
placeholder: true
|
|
2199
2220
|
}
|
|
2200
2221
|
]
|
|
2201
2222
|
},
|
|
@@ -2214,7 +2235,8 @@ var meta = {
|
|
|
2214
2235
|
children: [
|
|
2215
2236
|
{
|
|
2216
2237
|
type: "text",
|
|
2217
|
-
value: "Sheet description text you can edit"
|
|
2238
|
+
value: "Sheet description text you can edit",
|
|
2239
|
+
placeholder: true
|
|
2218
2240
|
}
|
|
2219
2241
|
]
|
|
2220
2242
|
}
|
|
@@ -2224,7 +2246,11 @@ var meta = {
|
|
|
2224
2246
|
type: "instance",
|
|
2225
2247
|
component: "Text",
|
|
2226
2248
|
children: [
|
|
2227
|
-
{
|
|
2249
|
+
{
|
|
2250
|
+
type: "text",
|
|
2251
|
+
value: "The text you can edit",
|
|
2252
|
+
placeholder: true
|
|
2253
|
+
}
|
|
2228
2254
|
]
|
|
2229
2255
|
}
|
|
2230
2256
|
]
|
|
@@ -2340,7 +2366,7 @@ var metaPopover = {
|
|
|
2340
2366
|
type: "instance",
|
|
2341
2367
|
component: "Button",
|
|
2342
2368
|
styles: getButtonStyles("outline"),
|
|
2343
|
-
children: [{ type: "text", value: "Button" }]
|
|
2369
|
+
children: [{ type: "text", value: "Button", placeholder: true }]
|
|
2344
2370
|
}
|
|
2345
2371
|
]
|
|
2346
2372
|
},
|
|
@@ -2365,7 +2391,13 @@ var metaPopover = {
|
|
|
2365
2391
|
{
|
|
2366
2392
|
type: "instance",
|
|
2367
2393
|
component: "Text",
|
|
2368
|
-
children: [
|
|
2394
|
+
children: [
|
|
2395
|
+
{
|
|
2396
|
+
type: "text",
|
|
2397
|
+
value: "The text you can edit",
|
|
2398
|
+
placeholder: true
|
|
2399
|
+
}
|
|
2400
|
+
]
|
|
2369
2401
|
}
|
|
2370
2402
|
]
|
|
2371
2403
|
}
|
|
@@ -2432,7 +2464,7 @@ var metaTooltip = {
|
|
|
2432
2464
|
type: "instance",
|
|
2433
2465
|
component: "Button",
|
|
2434
2466
|
styles: getButtonStyles("outline"),
|
|
2435
|
-
children: [{ type: "text", value: "Button" }]
|
|
2467
|
+
children: [{ type: "text", value: "Button", placeholder: true }]
|
|
2436
2468
|
}
|
|
2437
2469
|
]
|
|
2438
2470
|
},
|
|
@@ -2458,7 +2490,13 @@ var metaTooltip = {
|
|
|
2458
2490
|
{
|
|
2459
2491
|
type: "instance",
|
|
2460
2492
|
component: "Text",
|
|
2461
|
-
children: [
|
|
2493
|
+
children: [
|
|
2494
|
+
{
|
|
2495
|
+
type: "text",
|
|
2496
|
+
value: "The text you can edit",
|
|
2497
|
+
placeholder: true
|
|
2498
|
+
}
|
|
2499
|
+
]
|
|
2462
2500
|
}
|
|
2463
2501
|
]
|
|
2464
2502
|
}
|
|
@@ -2551,13 +2589,15 @@ var metaTabs = {
|
|
|
2551
2589
|
type: "instance",
|
|
2552
2590
|
component: "TabsTrigger",
|
|
2553
2591
|
styles: tabsTriggerStyles,
|
|
2554
|
-
children: [{ type: "text", value: "Account" }]
|
|
2592
|
+
children: [{ type: "text", value: "Account", placeholder: true }]
|
|
2555
2593
|
},
|
|
2556
2594
|
{
|
|
2557
2595
|
type: "instance",
|
|
2558
2596
|
component: "TabsTrigger",
|
|
2559
2597
|
styles: tabsTriggerStyles,
|
|
2560
|
-
children: [
|
|
2598
|
+
children: [
|
|
2599
|
+
{ type: "text", value: "Password", placeholder: true }
|
|
2600
|
+
]
|
|
2561
2601
|
}
|
|
2562
2602
|
]
|
|
2563
2603
|
},
|
|
@@ -2566,14 +2606,24 @@ var metaTabs = {
|
|
|
2566
2606
|
component: "TabsContent",
|
|
2567
2607
|
styles: tabsContentStyles,
|
|
2568
2608
|
children: [
|
|
2569
|
-
{
|
|
2609
|
+
{
|
|
2610
|
+
type: "text",
|
|
2611
|
+
value: "Make changes to your account here.",
|
|
2612
|
+
placeholder: true
|
|
2613
|
+
}
|
|
2570
2614
|
]
|
|
2571
2615
|
},
|
|
2572
2616
|
{
|
|
2573
2617
|
type: "instance",
|
|
2574
2618
|
component: "TabsContent",
|
|
2575
2619
|
styles: tabsContentStyles,
|
|
2576
|
-
children: [
|
|
2620
|
+
children: [
|
|
2621
|
+
{
|
|
2622
|
+
type: "text",
|
|
2623
|
+
value: "Change your password here.",
|
|
2624
|
+
placeholder: true
|
|
2625
|
+
}
|
|
2626
|
+
]
|
|
2577
2627
|
}
|
|
2578
2628
|
]
|
|
2579
2629
|
}
|
|
@@ -3160,7 +3210,7 @@ var meta2 = {
|
|
|
3160
3210
|
leading("none")
|
|
3161
3211
|
// We are not supporting peer like styles yet
|
|
3162
3212
|
].flat(),
|
|
3163
|
-
children: [{ type: "text", value: "Form Label" }]
|
|
3213
|
+
children: [{ type: "text", value: "Form Label", placeholder: true }]
|
|
3164
3214
|
}
|
|
3165
3215
|
]
|
|
3166
3216
|
};
|
|
@@ -3300,7 +3350,9 @@ var metaAccordion = {
|
|
|
3300
3350
|
styles: accordionItemStyles,
|
|
3301
3351
|
children: [
|
|
3302
3352
|
createAccordionTrigger({
|
|
3303
|
-
children: [
|
|
3353
|
+
children: [
|
|
3354
|
+
{ type: "text", value: "Is it accessible?", placeholder: true }
|
|
3355
|
+
]
|
|
3304
3356
|
}),
|
|
3305
3357
|
{
|
|
3306
3358
|
type: "instance",
|
|
@@ -3309,7 +3361,8 @@ var metaAccordion = {
|
|
|
3309
3361
|
children: [
|
|
3310
3362
|
{
|
|
3311
3363
|
type: "text",
|
|
3312
|
-
value: "Yes. It adheres to the WAI-ARIA design pattern."
|
|
3364
|
+
value: "Yes. It adheres to the WAI-ARIA design pattern.",
|
|
3365
|
+
placeholder: true
|
|
3313
3366
|
}
|
|
3314
3367
|
]
|
|
3315
3368
|
}
|
|
@@ -3321,7 +3374,9 @@ var metaAccordion = {
|
|
|
3321
3374
|
styles: accordionItemStyles,
|
|
3322
3375
|
children: [
|
|
3323
3376
|
createAccordionTrigger({
|
|
3324
|
-
children: [
|
|
3377
|
+
children: [
|
|
3378
|
+
{ type: "text", value: "Is it styled?", placeholder: true }
|
|
3379
|
+
]
|
|
3325
3380
|
}),
|
|
3326
3381
|
{
|
|
3327
3382
|
type: "instance",
|
|
@@ -3330,7 +3385,8 @@ var metaAccordion = {
|
|
|
3330
3385
|
children: [
|
|
3331
3386
|
{
|
|
3332
3387
|
type: "text",
|
|
3333
|
-
value: "Yes. It comes with default styles that matches the other components' aesthetic."
|
|
3388
|
+
value: "Yes. It comes with default styles that matches the other components' aesthetic.",
|
|
3389
|
+
placeholder: true
|
|
3334
3390
|
}
|
|
3335
3391
|
]
|
|
3336
3392
|
}
|
|
@@ -3342,7 +3398,9 @@ var metaAccordion = {
|
|
|
3342
3398
|
styles: accordionItemStyles,
|
|
3343
3399
|
children: [
|
|
3344
3400
|
createAccordionTrigger({
|
|
3345
|
-
children: [
|
|
3401
|
+
children: [
|
|
3402
|
+
{ type: "text", value: "Is it animated?", placeholder: true }
|
|
3403
|
+
]
|
|
3346
3404
|
}),
|
|
3347
3405
|
{
|
|
3348
3406
|
type: "instance",
|
|
@@ -3351,7 +3409,8 @@ var metaAccordion = {
|
|
|
3351
3409
|
children: [
|
|
3352
3410
|
{
|
|
3353
3411
|
type: "text",
|
|
3354
|
-
value: "Yes. It's animated by default, but you can disable it if you prefer."
|
|
3412
|
+
value: "Yes. It's animated by default, but you can disable it if you prefer.",
|
|
3413
|
+
placeholder: true
|
|
3355
3414
|
}
|
|
3356
3415
|
]
|
|
3357
3416
|
}
|
|
@@ -3518,7 +3577,8 @@ var navItem = (props2) => [
|
|
|
3518
3577
|
children: [
|
|
3519
3578
|
{
|
|
3520
3579
|
type: "text",
|
|
3521
|
-
value: props2.title
|
|
3580
|
+
value: props2.title,
|
|
3581
|
+
placeholder: true
|
|
3522
3582
|
}
|
|
3523
3583
|
]
|
|
3524
3584
|
},
|
|
@@ -3536,7 +3596,8 @@ var navItem = (props2) => [
|
|
|
3536
3596
|
children: [
|
|
3537
3597
|
{
|
|
3538
3598
|
type: "text",
|
|
3539
|
-
value: props2.description
|
|
3599
|
+
value: props2.description,
|
|
3600
|
+
placeholder: true
|
|
3540
3601
|
}
|
|
3541
3602
|
]
|
|
3542
3603
|
}
|
|
@@ -3574,7 +3635,7 @@ var menuItemLink = (props2) => [
|
|
|
3574
3635
|
noUnderline(),
|
|
3575
3636
|
text("current")
|
|
3576
3637
|
].flat(),
|
|
3577
|
-
children: [{ type: "text", value: props2.title }]
|
|
3638
|
+
children: [{ type: "text", value: props2.title, placeholder: true }]
|
|
3578
3639
|
}
|
|
3579
3640
|
]
|
|
3580
3641
|
}
|
|
@@ -3610,7 +3671,9 @@ var menuItem = (props2) => [
|
|
|
3610
3671
|
{
|
|
3611
3672
|
type: "instance",
|
|
3612
3673
|
component: "Text",
|
|
3613
|
-
children: [
|
|
3674
|
+
children: [
|
|
3675
|
+
{ type: "text", value: props2.title, placeholder: true }
|
|
3676
|
+
]
|
|
3614
3677
|
},
|
|
3615
3678
|
{
|
|
3616
3679
|
type: "instance",
|
|
@@ -3737,7 +3800,8 @@ var metaNavigationMenu = {
|
|
|
3737
3800
|
children: [
|
|
3738
3801
|
{
|
|
3739
3802
|
type: "text",
|
|
3740
|
-
value: ""
|
|
3803
|
+
value: "",
|
|
3804
|
+
placeholder: true
|
|
3741
3805
|
}
|
|
3742
3806
|
]
|
|
3743
3807
|
},
|
|
@@ -4068,15 +4132,21 @@ var metaSelect = {
|
|
|
4068
4132
|
children: [
|
|
4069
4133
|
createSelectItem({
|
|
4070
4134
|
props: [{ name: "value", type: "string", value: "light" }],
|
|
4071
|
-
children: [
|
|
4135
|
+
children: [
|
|
4136
|
+
{ type: "text", value: "Light", placeholder: true }
|
|
4137
|
+
]
|
|
4072
4138
|
}),
|
|
4073
4139
|
createSelectItem({
|
|
4074
4140
|
props: [{ name: "value", type: "string", value: "dark" }],
|
|
4075
|
-
children: [
|
|
4141
|
+
children: [
|
|
4142
|
+
{ type: "text", value: "Dark", placeholder: true }
|
|
4143
|
+
]
|
|
4076
4144
|
}),
|
|
4077
4145
|
createSelectItem({
|
|
4078
4146
|
props: [{ name: "value", type: "string", value: "system" }],
|
|
4079
|
-
children: [
|
|
4147
|
+
children: [
|
|
4148
|
+
{ type: "text", value: "System", placeholder: true }
|
|
4149
|
+
]
|
|
4080
4150
|
})
|
|
4081
4151
|
]
|
|
4082
4152
|
}
|
|
@@ -4399,7 +4469,7 @@ var metaCheckbox = {
|
|
|
4399
4469
|
component: "Text",
|
|
4400
4470
|
label: "Checkbox Label",
|
|
4401
4471
|
props: [{ name: "tag", type: "string", value: "span" }],
|
|
4402
|
-
children: [{ type: "text", value: "Checkbox" }]
|
|
4472
|
+
children: [{ type: "text", value: "Checkbox", placeholder: true }]
|
|
4403
4473
|
}
|
|
4404
4474
|
]
|
|
4405
4475
|
}
|
|
@@ -4482,7 +4552,7 @@ var createRadioGroupItem = ({
|
|
|
4482
4552
|
{
|
|
4483
4553
|
type: "instance",
|
|
4484
4554
|
component: "Text",
|
|
4485
|
-
children: [{ type: "text", value: label2 }]
|
|
4555
|
+
children: [{ type: "text", value: label2, placeholder: true }]
|
|
4486
4556
|
}
|
|
4487
4557
|
]
|
|
4488
4558
|
});
|
package/lib/props.js
CHANGED
|
@@ -2253,7 +2253,13 @@ var metaCollapsible = {
|
|
|
2253
2253
|
type: "instance",
|
|
2254
2254
|
component: "Button",
|
|
2255
2255
|
styles: getButtonStyles("outline"),
|
|
2256
|
-
children: [
|
|
2256
|
+
children: [
|
|
2257
|
+
{
|
|
2258
|
+
type: "text",
|
|
2259
|
+
value: "Click to toggle content",
|
|
2260
|
+
placeholder: true
|
|
2261
|
+
}
|
|
2262
|
+
]
|
|
2257
2263
|
}
|
|
2258
2264
|
]
|
|
2259
2265
|
},
|
|
@@ -2264,7 +2270,13 @@ var metaCollapsible = {
|
|
|
2264
2270
|
{
|
|
2265
2271
|
type: "instance",
|
|
2266
2272
|
component: "Text",
|
|
2267
|
-
children: [
|
|
2273
|
+
children: [
|
|
2274
|
+
{
|
|
2275
|
+
type: "text",
|
|
2276
|
+
value: "Collapsible Content",
|
|
2277
|
+
placeholder: true
|
|
2278
|
+
}
|
|
2279
|
+
]
|
|
2268
2280
|
}
|
|
2269
2281
|
]
|
|
2270
2282
|
}
|
|
@@ -4921,7 +4933,7 @@ var metaDialog = {
|
|
|
4921
4933
|
type: "instance",
|
|
4922
4934
|
component: "Button",
|
|
4923
4935
|
styles: getButtonStyles("outline"),
|
|
4924
|
-
children: [{ type: "text", value: "Button" }]
|
|
4936
|
+
children: [{ type: "text", value: "Button", placeholder: true }]
|
|
4925
4937
|
}
|
|
4926
4938
|
]
|
|
4927
4939
|
},
|
|
@@ -4988,7 +5000,8 @@ var metaDialog = {
|
|
|
4988
5000
|
children: [
|
|
4989
5001
|
{
|
|
4990
5002
|
type: "text",
|
|
4991
|
-
value: "Dialog Title"
|
|
5003
|
+
value: "Dialog Title you can edit",
|
|
5004
|
+
placeholder: true
|
|
4992
5005
|
}
|
|
4993
5006
|
]
|
|
4994
5007
|
},
|
|
@@ -5006,7 +5019,8 @@ var metaDialog = {
|
|
|
5006
5019
|
children: [
|
|
5007
5020
|
{
|
|
5008
5021
|
type: "text",
|
|
5009
|
-
value: "Dialog description text you can edit"
|
|
5022
|
+
value: "Dialog description text you can edit",
|
|
5023
|
+
placeholder: true
|
|
5010
5024
|
}
|
|
5011
5025
|
]
|
|
5012
5026
|
}
|
|
@@ -5015,7 +5029,13 @@ var metaDialog = {
|
|
|
5015
5029
|
{
|
|
5016
5030
|
type: "instance",
|
|
5017
5031
|
component: "Text",
|
|
5018
|
-
children: [
|
|
5032
|
+
children: [
|
|
5033
|
+
{
|
|
5034
|
+
type: "text",
|
|
5035
|
+
value: "The text you can edit",
|
|
5036
|
+
placeholder: true
|
|
5037
|
+
}
|
|
5038
|
+
]
|
|
5019
5039
|
},
|
|
5020
5040
|
{
|
|
5021
5041
|
type: "instance",
|
|
@@ -5697,7 +5717,7 @@ var metaPopover = {
|
|
|
5697
5717
|
type: "instance",
|
|
5698
5718
|
component: "Button",
|
|
5699
5719
|
styles: getButtonStyles("outline"),
|
|
5700
|
-
children: [{ type: "text", value: "Button" }]
|
|
5720
|
+
children: [{ type: "text", value: "Button", placeholder: true }]
|
|
5701
5721
|
}
|
|
5702
5722
|
]
|
|
5703
5723
|
},
|
|
@@ -5722,7 +5742,13 @@ var metaPopover = {
|
|
|
5722
5742
|
{
|
|
5723
5743
|
type: "instance",
|
|
5724
5744
|
component: "Text",
|
|
5725
|
-
children: [
|
|
5745
|
+
children: [
|
|
5746
|
+
{
|
|
5747
|
+
type: "text",
|
|
5748
|
+
value: "The text you can edit",
|
|
5749
|
+
placeholder: true
|
|
5750
|
+
}
|
|
5751
|
+
]
|
|
5726
5752
|
}
|
|
5727
5753
|
]
|
|
5728
5754
|
}
|
|
@@ -6354,7 +6380,7 @@ var metaTooltip = {
|
|
|
6354
6380
|
type: "instance",
|
|
6355
6381
|
component: "Button",
|
|
6356
6382
|
styles: getButtonStyles("outline"),
|
|
6357
|
-
children: [{ type: "text", value: "Button" }]
|
|
6383
|
+
children: [{ type: "text", value: "Button", placeholder: true }]
|
|
6358
6384
|
}
|
|
6359
6385
|
]
|
|
6360
6386
|
},
|
|
@@ -6380,7 +6406,13 @@ var metaTooltip = {
|
|
|
6380
6406
|
{
|
|
6381
6407
|
type: "instance",
|
|
6382
6408
|
component: "Text",
|
|
6383
|
-
children: [
|
|
6409
|
+
children: [
|
|
6410
|
+
{
|
|
6411
|
+
type: "text",
|
|
6412
|
+
value: "The text you can edit",
|
|
6413
|
+
placeholder: true
|
|
6414
|
+
}
|
|
6415
|
+
]
|
|
6384
6416
|
}
|
|
6385
6417
|
]
|
|
6386
6418
|
}
|
|
@@ -8578,13 +8610,15 @@ var metaTabs = {
|
|
|
8578
8610
|
type: "instance",
|
|
8579
8611
|
component: "TabsTrigger",
|
|
8580
8612
|
styles: tabsTriggerStyles,
|
|
8581
|
-
children: [{ type: "text", value: "Account" }]
|
|
8613
|
+
children: [{ type: "text", value: "Account", placeholder: true }]
|
|
8582
8614
|
},
|
|
8583
8615
|
{
|
|
8584
8616
|
type: "instance",
|
|
8585
8617
|
component: "TabsTrigger",
|
|
8586
8618
|
styles: tabsTriggerStyles,
|
|
8587
|
-
children: [
|
|
8619
|
+
children: [
|
|
8620
|
+
{ type: "text", value: "Password", placeholder: true }
|
|
8621
|
+
]
|
|
8588
8622
|
}
|
|
8589
8623
|
]
|
|
8590
8624
|
},
|
|
@@ -8593,14 +8627,24 @@ var metaTabs = {
|
|
|
8593
8627
|
component: "TabsContent",
|
|
8594
8628
|
styles: tabsContentStyles,
|
|
8595
8629
|
children: [
|
|
8596
|
-
{
|
|
8630
|
+
{
|
|
8631
|
+
type: "text",
|
|
8632
|
+
value: "Make changes to your account here.",
|
|
8633
|
+
placeholder: true
|
|
8634
|
+
}
|
|
8597
8635
|
]
|
|
8598
8636
|
},
|
|
8599
8637
|
{
|
|
8600
8638
|
type: "instance",
|
|
8601
8639
|
component: "TabsContent",
|
|
8602
8640
|
styles: tabsContentStyles,
|
|
8603
|
-
children: [
|
|
8641
|
+
children: [
|
|
8642
|
+
{
|
|
8643
|
+
type: "text",
|
|
8644
|
+
value: "Change your password here.",
|
|
8645
|
+
placeholder: true
|
|
8646
|
+
}
|
|
8647
|
+
]
|
|
8604
8648
|
}
|
|
8605
8649
|
]
|
|
8606
8650
|
}
|
|
@@ -9182,7 +9226,7 @@ var meta = {
|
|
|
9182
9226
|
leading("none")
|
|
9183
9227
|
// We are not supporting peer like styles yet
|
|
9184
9228
|
].flat(),
|
|
9185
|
-
children: [{ type: "text", value: "Form Label" }]
|
|
9229
|
+
children: [{ type: "text", value: "Form Label", placeholder: true }]
|
|
9186
9230
|
}
|
|
9187
9231
|
]
|
|
9188
9232
|
};
|
|
@@ -11916,7 +11960,9 @@ var metaAccordion = {
|
|
|
11916
11960
|
styles: accordionItemStyles,
|
|
11917
11961
|
children: [
|
|
11918
11962
|
createAccordionTrigger({
|
|
11919
|
-
children: [
|
|
11963
|
+
children: [
|
|
11964
|
+
{ type: "text", value: "Is it accessible?", placeholder: true }
|
|
11965
|
+
]
|
|
11920
11966
|
}),
|
|
11921
11967
|
{
|
|
11922
11968
|
type: "instance",
|
|
@@ -11925,7 +11971,8 @@ var metaAccordion = {
|
|
|
11925
11971
|
children: [
|
|
11926
11972
|
{
|
|
11927
11973
|
type: "text",
|
|
11928
|
-
value: "Yes. It adheres to the WAI-ARIA design pattern."
|
|
11974
|
+
value: "Yes. It adheres to the WAI-ARIA design pattern.",
|
|
11975
|
+
placeholder: true
|
|
11929
11976
|
}
|
|
11930
11977
|
]
|
|
11931
11978
|
}
|
|
@@ -11937,7 +11984,9 @@ var metaAccordion = {
|
|
|
11937
11984
|
styles: accordionItemStyles,
|
|
11938
11985
|
children: [
|
|
11939
11986
|
createAccordionTrigger({
|
|
11940
|
-
children: [
|
|
11987
|
+
children: [
|
|
11988
|
+
{ type: "text", value: "Is it styled?", placeholder: true }
|
|
11989
|
+
]
|
|
11941
11990
|
}),
|
|
11942
11991
|
{
|
|
11943
11992
|
type: "instance",
|
|
@@ -11946,7 +11995,8 @@ var metaAccordion = {
|
|
|
11946
11995
|
children: [
|
|
11947
11996
|
{
|
|
11948
11997
|
type: "text",
|
|
11949
|
-
value: "Yes. It comes with default styles that matches the other components' aesthetic."
|
|
11998
|
+
value: "Yes. It comes with default styles that matches the other components' aesthetic.",
|
|
11999
|
+
placeholder: true
|
|
11950
12000
|
}
|
|
11951
12001
|
]
|
|
11952
12002
|
}
|
|
@@ -11958,7 +12008,9 @@ var metaAccordion = {
|
|
|
11958
12008
|
styles: accordionItemStyles,
|
|
11959
12009
|
children: [
|
|
11960
12010
|
createAccordionTrigger({
|
|
11961
|
-
children: [
|
|
12011
|
+
children: [
|
|
12012
|
+
{ type: "text", value: "Is it animated?", placeholder: true }
|
|
12013
|
+
]
|
|
11962
12014
|
}),
|
|
11963
12015
|
{
|
|
11964
12016
|
type: "instance",
|
|
@@ -11967,7 +12019,8 @@ var metaAccordion = {
|
|
|
11967
12019
|
children: [
|
|
11968
12020
|
{
|
|
11969
12021
|
type: "text",
|
|
11970
|
-
value: "Yes. It's animated by default, but you can disable it if you prefer."
|
|
12022
|
+
value: "Yes. It's animated by default, but you can disable it if you prefer.",
|
|
12023
|
+
placeholder: true
|
|
11971
12024
|
}
|
|
11972
12025
|
]
|
|
11973
12026
|
}
|
|
@@ -14658,7 +14711,8 @@ var navItem = (props2) => [
|
|
|
14658
14711
|
children: [
|
|
14659
14712
|
{
|
|
14660
14713
|
type: "text",
|
|
14661
|
-
value: props2.title
|
|
14714
|
+
value: props2.title,
|
|
14715
|
+
placeholder: true
|
|
14662
14716
|
}
|
|
14663
14717
|
]
|
|
14664
14718
|
},
|
|
@@ -14676,7 +14730,8 @@ var navItem = (props2) => [
|
|
|
14676
14730
|
children: [
|
|
14677
14731
|
{
|
|
14678
14732
|
type: "text",
|
|
14679
|
-
value: props2.description
|
|
14733
|
+
value: props2.description,
|
|
14734
|
+
placeholder: true
|
|
14680
14735
|
}
|
|
14681
14736
|
]
|
|
14682
14737
|
}
|
|
@@ -14714,7 +14769,7 @@ var menuItemLink = (props2) => [
|
|
|
14714
14769
|
noUnderline(),
|
|
14715
14770
|
text("current")
|
|
14716
14771
|
].flat(),
|
|
14717
|
-
children: [{ type: "text", value: props2.title }]
|
|
14772
|
+
children: [{ type: "text", value: props2.title, placeholder: true }]
|
|
14718
14773
|
}
|
|
14719
14774
|
]
|
|
14720
14775
|
}
|
|
@@ -14750,7 +14805,9 @@ var menuItem = (props2) => [
|
|
|
14750
14805
|
{
|
|
14751
14806
|
type: "instance",
|
|
14752
14807
|
component: "Text",
|
|
14753
|
-
children: [
|
|
14808
|
+
children: [
|
|
14809
|
+
{ type: "text", value: props2.title, placeholder: true }
|
|
14810
|
+
]
|
|
14754
14811
|
},
|
|
14755
14812
|
{
|
|
14756
14813
|
type: "instance",
|
|
@@ -14877,7 +14934,8 @@ var metaNavigationMenu = {
|
|
|
14877
14934
|
children: [
|
|
14878
14935
|
{
|
|
14879
14936
|
type: "text",
|
|
14880
|
-
value: ""
|
|
14937
|
+
value: "",
|
|
14938
|
+
placeholder: true
|
|
14881
14939
|
}
|
|
14882
14940
|
]
|
|
14883
14941
|
},
|
|
@@ -18806,15 +18864,21 @@ var metaSelect = {
|
|
|
18806
18864
|
children: [
|
|
18807
18865
|
createSelectItem({
|
|
18808
18866
|
props: [{ name: "value", type: "string", value: "light" }],
|
|
18809
|
-
children: [
|
|
18867
|
+
children: [
|
|
18868
|
+
{ type: "text", value: "Light", placeholder: true }
|
|
18869
|
+
]
|
|
18810
18870
|
}),
|
|
18811
18871
|
createSelectItem({
|
|
18812
18872
|
props: [{ name: "value", type: "string", value: "dark" }],
|
|
18813
|
-
children: [
|
|
18873
|
+
children: [
|
|
18874
|
+
{ type: "text", value: "Dark", placeholder: true }
|
|
18875
|
+
]
|
|
18814
18876
|
}),
|
|
18815
18877
|
createSelectItem({
|
|
18816
18878
|
props: [{ name: "value", type: "string", value: "system" }],
|
|
18817
|
-
children: [
|
|
18879
|
+
children: [
|
|
18880
|
+
{ type: "text", value: "System", placeholder: true }
|
|
18881
|
+
]
|
|
18818
18882
|
})
|
|
18819
18883
|
]
|
|
18820
18884
|
}
|
|
@@ -21247,7 +21311,7 @@ var metaCheckbox = {
|
|
|
21247
21311
|
component: "Text",
|
|
21248
21312
|
label: "Checkbox Label",
|
|
21249
21313
|
props: [{ name: "tag", type: "string", value: "span" }],
|
|
21250
|
-
children: [{ type: "text", value: "Checkbox" }]
|
|
21314
|
+
children: [{ type: "text", value: "Checkbox", placeholder: true }]
|
|
21251
21315
|
}
|
|
21252
21316
|
]
|
|
21253
21317
|
}
|
|
@@ -22932,7 +22996,7 @@ var createRadioGroupItem = ({
|
|
|
22932
22996
|
{
|
|
22933
22997
|
type: "instance",
|
|
22934
22998
|
component: "Text",
|
|
22935
|
-
children: [{ type: "text", value: label2 }]
|
|
22999
|
+
children: [{ type: "text", value: label2, placeholder: true }]
|
|
22936
23000
|
}
|
|
22937
23001
|
]
|
|
22938
23002
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webstudio-is/sdk-components-react-radix",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.168.0",
|
|
4
4
|
"description": "Webstudio wrapper for radix library",
|
|
5
5
|
"author": "Webstudio <github@webstudio.is>",
|
|
6
6
|
"homepage": "https://webstudio.is",
|
|
@@ -51,14 +51,11 @@
|
|
|
51
51
|
"@radix-ui/react-switch": "^1.0.3",
|
|
52
52
|
"@radix-ui/react-tabs": "^1.0.4",
|
|
53
53
|
"@radix-ui/react-tooltip": "^1.0.7",
|
|
54
|
-
"@webstudio-is/css-engine": "0.
|
|
55
|
-
"@webstudio-is/icons": "0.
|
|
56
|
-
"@webstudio-is/react-sdk": "0.
|
|
54
|
+
"@webstudio-is/css-engine": "0.168.0",
|
|
55
|
+
"@webstudio-is/icons": "0.168.0",
|
|
56
|
+
"@webstudio-is/react-sdk": "0.168.0"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
|
-
"@storybook/addon-essentials": "^8.1.2",
|
|
60
|
-
"@storybook/addon-links": "^8.1.2",
|
|
61
|
-
"@storybook/react": "^8.1.2",
|
|
62
59
|
"@types/node": "^20.12.7",
|
|
63
60
|
"@types/react": "^18.2.70",
|
|
64
61
|
"@types/react-dom": "^18.2.25",
|
|
@@ -67,11 +64,10 @@
|
|
|
67
64
|
"tailwindcss": "^3.3.3",
|
|
68
65
|
"typescript": "^5.2.2",
|
|
69
66
|
"@webstudio-is/css-data": "0.0.0",
|
|
70
|
-
"@webstudio-is/
|
|
71
|
-
"@webstudio-is/
|
|
72
|
-
"@webstudio-is/sdk-components-react": "0.163.0",
|
|
67
|
+
"@webstudio-is/sdk-cli": "^0.94.0",
|
|
68
|
+
"@webstudio-is/sdk-components-react": "0.168.0",
|
|
73
69
|
"@webstudio-is/tsconfig": "1.0.7",
|
|
74
|
-
"@webstudio-is/
|
|
70
|
+
"@webstudio-is/generate-arg-types": "0.0.0"
|
|
75
71
|
},
|
|
76
72
|
"scripts": {
|
|
77
73
|
"dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",
|
|
@@ -81,8 +77,6 @@
|
|
|
81
77
|
"build:stories": "webstudio-sdk generate-stories && prettier --write \"src/__generated__/*.stories.tsx\"",
|
|
82
78
|
"dts": "tsc --project tsconfig.dts.json",
|
|
83
79
|
"typecheck": "tsc",
|
|
84
|
-
"checks": "pnpm typecheck"
|
|
85
|
-
"storybook:dev": "storybook dev -p 6006",
|
|
86
|
-
"storybook:build": "storybook build"
|
|
80
|
+
"checks": "pnpm typecheck"
|
|
87
81
|
}
|
|
88
82
|
}
|