@webstudio-is/sdk-components-react-radix 0.167.0 → 0.173.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.
Files changed (15) hide show
  1. package/lib/components.js +33 -9
  2. package/lib/hooks.js +112 -24
  3. package/lib/metas.js +41 -155
  4. package/lib/props.js +1330 -244
  5. package/lib/types/accordion.d.ts +2 -5
  6. package/lib/types/checkbox.d.ts +1 -1
  7. package/lib/types/dialog.d.ts +1 -1
  8. package/lib/types/label.d.ts +0 -1
  9. package/lib/types/navigation-menu.d.ts +2 -7
  10. package/lib/types/select.d.ts +3 -3
  11. package/lib/types/sheet.d.ts +3 -4
  12. package/lib/types/tabs.d.ts +3 -3
  13. package/lib/types/theme/styles.d.ts +130 -219
  14. package/lib/types/theme/tailwind-classes.d.ts +1 -1
  15. package/package.json +9 -11
package/lib/types/theme/styles.d.ts CHANGED
@@ -4,9 +4,11 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
4
4
  type: "unit";
5
5
  value: number;
6
6
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
7
+ hidden?: boolean | undefined;
7
8
  } | {
8
9
  type: "keyword";
9
10
  value: string;
11
+ hidden?: boolean | undefined;
10
12
  } | {
11
13
  type: "unparsed";
12
14
  value: string;
@@ -14,36 +16,57 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
14
16
  } | {
15
17
  type: "fontFamily";
16
18
  value: string[];
19
+ hidden?: boolean | undefined;
17
20
  } | {
18
21
  type: "rgb";
19
22
  r: number;
20
23
  g: number;
21
24
  b: number;
22
25
  alpha: number;
26
+ hidden?: boolean | undefined;
23
27
  } | {
24
28
  type: "function";
25
29
  name: string;
26
- args: {
30
+ args: import("@webstudio-is/css-engine").StyleValue;
31
+ hidden?: boolean;
32
+ } | {
33
+ type: "image";
34
+ value: {
35
+ type: "asset";
36
+ value: string;
37
+ } | {
38
+ type: "url";
39
+ url: string;
40
+ };
41
+ hidden?: boolean | undefined;
42
+ } | {
43
+ type: "tuple";
44
+ value: ({
27
45
  type: "unit";
28
46
  value: number;
29
47
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
48
+ hidden?: boolean | undefined;
30
49
  } | {
31
50
  type: "keyword";
32
51
  value: string;
52
+ hidden?: boolean | undefined;
33
53
  } | {
34
54
  type: "unparsed";
35
55
  value: string;
36
56
  hidden?: boolean | undefined;
37
- } | {
38
- type: "fontFamily";
39
- value: string[];
40
57
  } | {
41
58
  type: "rgb";
42
59
  r: number;
43
60
  g: number;
44
61
  b: number;
45
62
  alpha: number;
46
- } | any | {
63
+ hidden?: boolean | undefined;
64
+ } | {
65
+ type: "function";
66
+ name: string;
67
+ args: import("@webstudio-is/css-engine").StyleValue;
68
+ hidden?: boolean;
69
+ } | {
47
70
  type: "image";
48
71
  value: {
49
72
  type: "asset";
@@ -53,208 +76,23 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
53
76
  url: string;
54
77
  };
55
78
  hidden?: boolean | undefined;
56
- } | {
57
- type: "tuple";
58
- value: ({
59
- type: "unit";
60
- value: number;
61
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
62
- } | {
63
- type: "keyword";
64
- value: string;
65
- } | {
66
- type: "unparsed";
67
- value: string;
68
- hidden?: boolean | undefined;
69
- } | {
70
- type: "rgb";
71
- r: number;
72
- g: number;
73
- b: number;
74
- alpha: number;
75
- } | any)[];
76
- hidden?: boolean | undefined;
77
- } | {
78
- type: "invalid";
79
- value: string;
80
- } | {
81
- type: "layers";
82
- value: ({
83
- type: "unit";
84
- value: number;
85
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
86
- } | {
87
- type: "keyword";
88
- value: string;
89
- } | {
90
- type: "unparsed";
91
- value: string;
92
- hidden?: boolean | undefined;
93
- } | any | {
94
- type: "image";
95
- value: {
96
- type: "asset";
97
- value: string;
98
- } | {
99
- type: "url";
100
- url: string;
101
- };
102
- hidden?: boolean | undefined;
103
- } | {
104
- type: "tuple";
105
- value: ({
106
- type: "unit";
107
- value: number;
108
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
109
- } | {
110
- type: "keyword";
111
- value: string;
112
- } | {
113
- type: "unparsed";
114
- value: string;
115
- hidden?: boolean | undefined;
116
- } | {
117
- type: "rgb";
118
- r: number;
119
- g: number;
120
- b: number;
121
- alpha: number;
122
- } | any)[];
123
- hidden?: boolean | undefined;
124
- } | {
125
- type: "invalid";
126
- value: string;
127
- })[];
128
- } | {
129
- type: "guaranteedInvalid";
130
- } | {
131
- type: "unset";
132
- value: "";
133
- } | {
134
- type: "var";
135
- value: string;
136
- fallbacks: ({
137
- type: "unit";
138
- value: number;
139
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
140
- } | {
141
- type: "keyword";
142
- value: string;
143
- } | {
144
- type: "unparsed";
145
- value: string;
146
- hidden?: boolean | undefined;
147
- } | {
148
- type: "fontFamily";
149
- value: string[];
150
- } | {
151
- type: "rgb";
152
- r: number;
153
- g: number;
154
- b: number;
155
- alpha: number;
156
- } | any | {
157
- type: "image";
158
- value: {
159
- type: "asset";
160
- value: string;
161
- } | {
162
- type: "url";
163
- url: string;
164
- };
165
- hidden?: boolean | undefined;
166
- } | {
167
- type: "tuple";
168
- value: ({
169
- type: "unit";
170
- value: number;
171
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
172
- } | {
173
- type: "keyword";
174
- value: string;
175
- } | {
176
- type: "unparsed";
177
- value: string;
178
- hidden?: boolean | undefined;
179
- } | {
180
- type: "rgb";
181
- r: number;
182
- g: number;
183
- b: number;
184
- alpha: number;
185
- } | any)[];
186
- hidden?: boolean | undefined;
187
- } | {
188
- type: "layers";
189
- value: ({
190
- type: "unit";
191
- value: number;
192
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
193
- } | {
194
- type: "keyword";
195
- value: string;
196
- } | {
197
- type: "unparsed";
198
- value: string;
199
- hidden?: boolean | undefined;
200
- } | any | {
201
- type: "image";
202
- value: {
203
- type: "asset";
204
- value: string;
205
- } | {
206
- type: "url";
207
- url: string;
208
- };
209
- hidden?: boolean | undefined;
210
- } | {
211
- type: "tuple";
212
- value: ({
213
- type: "unit";
214
- value: number;
215
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
216
- } | {
217
- type: "keyword";
218
- value: string;
219
- } | {
220
- type: "unparsed";
221
- value: string;
222
- hidden?: boolean | undefined;
223
- } | {
224
- type: "rgb";
225
- r: number;
226
- g: number;
227
- b: number;
228
- alpha: number;
229
- } | any)[];
230
- hidden?: boolean | undefined;
231
- } | {
232
- type: "invalid";
233
- value: string;
234
- })[];
235
- } | {
236
- type: "guaranteedInvalid";
237
- })[];
238
- };
79
+ })[];
80
+ hidden?: boolean | undefined;
239
81
  } | {
240
- type: "image";
241
- value: {
242
- type: "asset";
243
- value: string;
244
- } | {
245
- type: "url";
246
- url: string;
247
- };
82
+ type: "invalid";
83
+ value: string;
248
84
  hidden?: boolean | undefined;
249
85
  } | {
250
- type: "tuple";
86
+ type: "layers";
251
87
  value: ({
252
88
  type: "unit";
253
89
  value: number;
254
90
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
91
+ hidden?: boolean | undefined;
255
92
  } | {
256
93
  type: "keyword";
257
94
  value: string;
95
+ hidden?: boolean | undefined;
258
96
  } | {
259
97
  type: "unparsed";
260
98
  value: string;
@@ -265,25 +103,13 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
265
103
  g: number;
266
104
  b: number;
267
105
  alpha: number;
268
- } | any)[];
269
- hidden?: boolean | undefined;
270
- } | {
271
- type: "invalid";
272
- value: string;
273
- } | {
274
- type: "layers";
275
- value: ({
276
- type: "unit";
277
- value: number;
278
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
106
+ hidden?: boolean | undefined;
279
107
  } | {
280
- type: "keyword";
281
- value: string;
108
+ type: "function";
109
+ name: string;
110
+ args: import("@webstudio-is/css-engine").StyleValue;
111
+ hidden?: boolean;
282
112
  } | {
283
- type: "unparsed";
284
- value: string;
285
- hidden?: boolean | undefined;
286
- } | any | {
287
113
  type: "image";
288
114
  value: {
289
115
  type: "asset";
@@ -299,9 +125,11 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
299
125
  type: "unit";
300
126
  value: number;
301
127
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
128
+ hidden?: boolean | undefined;
302
129
  } | {
303
130
  type: "keyword";
304
131
  value: string;
132
+ hidden?: boolean | undefined;
305
133
  } | {
306
134
  type: "unparsed";
307
135
  value: string;
@@ -312,17 +140,37 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
312
140
  g: number;
313
141
  b: number;
314
142
  alpha: number;
315
- } | any)[];
143
+ hidden?: boolean | undefined;
144
+ } | {
145
+ type: "function";
146
+ name: string;
147
+ args: import("@webstudio-is/css-engine").StyleValue;
148
+ hidden?: boolean;
149
+ } | {
150
+ type: "image";
151
+ value: {
152
+ type: "asset";
153
+ value: string;
154
+ } | {
155
+ type: "url";
156
+ url: string;
157
+ };
158
+ hidden?: boolean | undefined;
159
+ })[];
316
160
  hidden?: boolean | undefined;
317
161
  } | {
318
162
  type: "invalid";
319
163
  value: string;
164
+ hidden?: boolean | undefined;
320
165
  })[];
166
+ hidden?: boolean | undefined;
321
167
  } | {
322
168
  type: "guaranteedInvalid";
169
+ hidden?: boolean | undefined;
323
170
  } | {
324
171
  type: "unset";
325
172
  value: "";
173
+ hidden?: boolean | undefined;
326
174
  } | {
327
175
  type: "var";
328
176
  value: string;
@@ -330,9 +178,11 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
330
178
  type: "unit";
331
179
  value: number;
332
180
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
181
+ hidden?: boolean | undefined;
333
182
  } | {
334
183
  type: "keyword";
335
184
  value: string;
185
+ hidden?: boolean | undefined;
336
186
  } | {
337
187
  type: "unparsed";
338
188
  value: string;
@@ -340,13 +190,20 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
340
190
  } | {
341
191
  type: "fontFamily";
342
192
  value: string[];
193
+ hidden?: boolean | undefined;
343
194
  } | {
344
195
  type: "rgb";
345
196
  r: number;
346
197
  g: number;
347
198
  b: number;
348
199
  alpha: number;
349
- } | any | {
200
+ hidden?: boolean | undefined;
201
+ } | {
202
+ type: "function";
203
+ name: string;
204
+ args: import("@webstudio-is/css-engine").StyleValue;
205
+ hidden?: boolean;
206
+ } | {
350
207
  type: "image";
351
208
  value: {
352
209
  type: "asset";
@@ -362,9 +219,11 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
362
219
  type: "unit";
363
220
  value: number;
364
221
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
222
+ hidden?: boolean | undefined;
365
223
  } | {
366
224
  type: "keyword";
367
225
  value: string;
226
+ hidden?: boolean | undefined;
368
227
  } | {
369
228
  type: "unparsed";
370
229
  value: string;
@@ -375,7 +234,23 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
375
234
  g: number;
376
235
  b: number;
377
236
  alpha: number;
378
- } | any)[];
237
+ hidden?: boolean | undefined;
238
+ } | {
239
+ type: "function";
240
+ name: string;
241
+ args: import("@webstudio-is/css-engine").StyleValue;
242
+ hidden?: boolean;
243
+ } | {
244
+ type: "image";
245
+ value: {
246
+ type: "asset";
247
+ value: string;
248
+ } | {
249
+ type: "url";
250
+ url: string;
251
+ };
252
+ hidden?: boolean | undefined;
253
+ })[];
379
254
  hidden?: boolean | undefined;
380
255
  } | {
381
256
  type: "layers";
@@ -383,14 +258,28 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
383
258
  type: "unit";
384
259
  value: number;
385
260
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
261
+ hidden?: boolean | undefined;
386
262
  } | {
387
263
  type: "keyword";
388
264
  value: string;
265
+ hidden?: boolean | undefined;
389
266
  } | {
390
267
  type: "unparsed";
391
268
  value: string;
392
269
  hidden?: boolean | undefined;
393
- } | any | {
270
+ } | {
271
+ type: "rgb";
272
+ r: number;
273
+ g: number;
274
+ b: number;
275
+ alpha: number;
276
+ hidden?: boolean | undefined;
277
+ } | {
278
+ type: "function";
279
+ name: string;
280
+ args: import("@webstudio-is/css-engine").StyleValue;
281
+ hidden?: boolean;
282
+ } | {
394
283
  type: "image";
395
284
  value: {
396
285
  type: "asset";
@@ -406,9 +295,11 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
406
295
  type: "unit";
407
296
  value: number;
408
297
  unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
298
+ hidden?: boolean | undefined;
409
299
  } | {
410
300
  type: "keyword";
411
301
  value: string;
302
+ hidden?: boolean | undefined;
412
303
  } | {
413
304
  type: "unparsed";
414
305
  value: string;
@@ -419,15 +310,35 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
419
310
  g: number;
420
311
  b: number;
421
312
  alpha: number;
422
- } | any)[];
313
+ hidden?: boolean | undefined;
314
+ } | {
315
+ type: "function";
316
+ name: string;
317
+ args: import("@webstudio-is/css-engine").StyleValue;
318
+ hidden?: boolean;
319
+ } | {
320
+ type: "image";
321
+ value: {
322
+ type: "asset";
323
+ value: string;
324
+ } | {
325
+ type: "url";
326
+ url: string;
327
+ };
328
+ hidden?: boolean | undefined;
329
+ })[];
423
330
  hidden?: boolean | undefined;
424
331
  } | {
425
332
  type: "invalid";
426
333
  value: string;
334
+ hidden?: boolean | undefined;
427
335
  })[];
336
+ hidden?: boolean | undefined;
428
337
  } | {
429
338
  type: "guaranteedInvalid";
339
+ hidden?: boolean | undefined;
430
340
  })[];
341
+ hidden?: boolean | undefined;
431
342
  };
432
343
  state?: string | undefined;
433
344
  property: import("@webstudio-is/css-engine").StyleProperty;
package/lib/types/theme/tailwind-classes.d.ts CHANGED
@@ -9,7 +9,7 @@ export declare const z: (value: StringEnumToNumeric<keyof typeof theme.zIndex>)
9
9
  export declare const overflow: (value: "hidden" | "visible" | "scroll" | "auto") => EmbedTemplateStyleDecl[];
10
10
  export declare const rounded: (value?: keyof typeof theme.borderRadius) => EmbedTemplateStyleDecl[];
11
11
  type StringEnumToNumeric<T extends string> = T extends `${infer Z extends number}` ? Z : never;
12
- type NonNumeric<T extends string> = T extends `${infer Z extends number}` ? never : T;
12
+ type NonNumeric<T extends string> = T extends `${infer _Z extends number}` ? never : T;
13
13
  export declare const border: (borderWidthOrColor?: StringEnumToNumeric<keyof typeof theme.borderWidth> | keyof typeof theme.colors) => EmbedTemplateStyleDecl[];
14
14
  export declare const borderB: (borderWidthOrColor?: StringEnumToNumeric<keyof typeof theme.borderWidth> | keyof typeof theme.colors) => EmbedTemplateStyleDecl[];
15
15
  declare const paddingProperty: (property: "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft") => (padding: StringEnumToNumeric<keyof typeof theme.padding> | NonNumeric<keyof typeof theme.padding>) => EmbedTemplateStyleDecl[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webstudio-is/sdk-components-react-radix",
3
- "version": "0.167.0",
3
+ "version": "0.173.0",
4
4
  "description": "Webstudio wrapper for radix library",
5
5
  "author": "Webstudio <github@webstudio.is>",
6
6
  "homepage": "https://webstudio.is",
@@ -51,9 +51,9 @@
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.167.0",
55
- "@webstudio-is/icons": "0.167.0",
56
- "@webstudio-is/react-sdk": "0.167.0"
54
+ "@webstudio-is/css-engine": "0.173.0",
55
+ "@webstudio-is/icons": "0.173.0",
56
+ "@webstudio-is/react-sdk": "0.173.0"
57
57
  },
58
58
  "devDependencies": {
59
59
  "@types/node": "^20.12.7",
@@ -62,21 +62,19 @@
62
62
  "react": "18.3.0-canary-14898b6a9-20240318",
63
63
  "react-dom": "18.3.0-canary-14898b6a9-20240318",
64
64
  "tailwindcss": "^3.3.3",
65
- "typescript": "^5.2.2",
65
+ "typescript": "^5.5.2",
66
66
  "@webstudio-is/css-data": "0.0.0",
67
67
  "@webstudio-is/generate-arg-types": "0.0.0",
68
68
  "@webstudio-is/sdk-cli": "^0.94.0",
69
- "@webstudio-is/sdk-components-react": "0.167.0",
70
- "@webstudio-is/tsconfig": "1.0.7"
69
+ "@webstudio-is/tsconfig": "1.0.7",
70
+ "@webstudio-is/sdk-components-react": "0.173.0"
71
71
  },
72
72
  "scripts": {
73
- "dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",
74
73
  "build": "rm -rf lib && esbuild src/components.ts src/metas.ts src/props.ts src/hooks.ts --outdir=lib --bundle --format=esm --packages=external",
75
- "build:args": "NODE_OPTIONS=--conditions=webstudio generate-arg-types './src/*.tsx !./src/*.stories.tsx !./src/*.ws.ts' -e asChild -e modal -e defaultValue -e defaultOpen -e defaultChecked && prettier --write \"**/*.props.ts\"",
74
+ "build:args": "NODE_OPTIONS=--conditions=webstudio generate-arg-types './src/*.tsx !./src/*.stories.tsx !./src/*.ws.ts' -e asChild -e modal -e defaultOpen -e defaultChecked && prettier --write \"**/*.props.ts\"",
76
75
  "build:tailwind": "tsx scripts/generate-tailwind-theme.ts && prettier --write src/theme/__generated__",
77
76
  "build:stories": "webstudio-sdk generate-stories && prettier --write \"src/__generated__/*.stories.tsx\"",
78
77
  "dts": "tsc --project tsconfig.dts.json",
79
- "typecheck": "tsc",
80
- "checks": "pnpm typecheck"
78
+ "typecheck": "tsc"
81
79
  }
82
80
  }