@webstudio-is/sdk-components-react-radix 0.192.0 → 0.193.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/types/theme/styles.d.ts +55 -55
- package/package.json +7 -7
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import type { EmbedTemplateStyleDecl } from "@webstudio-is/react-sdk";
|
|
2
2
|
export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "default" | "sm" | "icon") => {
|
|
3
3
|
value: {
|
|
4
|
-
type: "image";
|
|
5
4
|
value: {
|
|
6
|
-
type: "asset";
|
|
7
5
|
value: string;
|
|
6
|
+
type: "asset";
|
|
8
7
|
} | {
|
|
9
|
-
type: "url";
|
|
10
8
|
url: string;
|
|
9
|
+
type: "url";
|
|
11
10
|
};
|
|
11
|
+
type: "image";
|
|
12
12
|
hidden?: boolean | undefined;
|
|
13
13
|
} | {
|
|
14
|
-
type: "unit";
|
|
15
14
|
value: number;
|
|
16
|
-
|
|
15
|
+
type: "unit";
|
|
16
|
+
unit: "number" | "x" | "em" | "q" | "s" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "in" | "pt" | "pc" | "px" | "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" | "st" | "ms";
|
|
17
17
|
hidden?: boolean | undefined;
|
|
18
18
|
} | {
|
|
19
|
-
type: "keyword";
|
|
20
19
|
value: string;
|
|
20
|
+
type: "keyword";
|
|
21
21
|
hidden?: boolean | undefined;
|
|
22
22
|
} | {
|
|
23
|
-
type: "unparsed";
|
|
24
23
|
value: string;
|
|
24
|
+
type: "unparsed";
|
|
25
25
|
hidden?: boolean | undefined;
|
|
26
26
|
} | {
|
|
27
27
|
b: number;
|
|
@@ -36,20 +36,20 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
|
|
|
36
36
|
args: import("@webstudio-is/css-engine").StyleValue;
|
|
37
37
|
hidden?: boolean;
|
|
38
38
|
} | {
|
|
39
|
-
type: "var";
|
|
40
39
|
value: string;
|
|
40
|
+
type: "var";
|
|
41
41
|
fallback?: {
|
|
42
|
-
type: "unit";
|
|
43
42
|
value: number;
|
|
44
|
-
|
|
43
|
+
type: "unit";
|
|
44
|
+
unit: "number" | "x" | "em" | "q" | "s" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "in" | "pt" | "pc" | "px" | "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" | "st" | "ms";
|
|
45
45
|
hidden?: boolean | undefined;
|
|
46
46
|
} | {
|
|
47
|
-
type: "keyword";
|
|
48
47
|
value: string;
|
|
48
|
+
type: "keyword";
|
|
49
49
|
hidden?: boolean | undefined;
|
|
50
50
|
} | {
|
|
51
|
-
type: "unparsed";
|
|
52
51
|
value: string;
|
|
52
|
+
type: "unparsed";
|
|
53
53
|
hidden?: boolean | undefined;
|
|
54
54
|
} | {
|
|
55
55
|
b: number;
|
|
@@ -61,29 +61,28 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
|
|
|
61
61
|
} | undefined;
|
|
62
62
|
hidden?: boolean | undefined;
|
|
63
63
|
} | {
|
|
64
|
-
type: "tuple";
|
|
65
64
|
value: ({
|
|
66
|
-
type: "image";
|
|
67
65
|
value: {
|
|
68
|
-
type: "asset";
|
|
69
66
|
value: string;
|
|
67
|
+
type: "asset";
|
|
70
68
|
} | {
|
|
71
|
-
type: "url";
|
|
72
69
|
url: string;
|
|
70
|
+
type: "url";
|
|
73
71
|
};
|
|
72
|
+
type: "image";
|
|
74
73
|
hidden?: boolean | undefined;
|
|
75
74
|
} | {
|
|
76
|
-
type: "unit";
|
|
77
75
|
value: number;
|
|
78
|
-
|
|
76
|
+
type: "unit";
|
|
77
|
+
unit: "number" | "x" | "em" | "q" | "s" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "in" | "pt" | "pc" | "px" | "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" | "st" | "ms";
|
|
79
78
|
hidden?: boolean | undefined;
|
|
80
79
|
} | {
|
|
81
|
-
type: "keyword";
|
|
82
80
|
value: string;
|
|
81
|
+
type: "keyword";
|
|
83
82
|
hidden?: boolean | undefined;
|
|
84
83
|
} | {
|
|
85
|
-
type: "unparsed";
|
|
86
84
|
value: string;
|
|
85
|
+
type: "unparsed";
|
|
87
86
|
hidden?: boolean | undefined;
|
|
88
87
|
} | {
|
|
89
88
|
b: number;
|
|
@@ -98,20 +97,20 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
|
|
|
98
97
|
args: import("@webstudio-is/css-engine").StyleValue;
|
|
99
98
|
hidden?: boolean;
|
|
100
99
|
} | {
|
|
101
|
-
type: "var";
|
|
102
100
|
value: string;
|
|
101
|
+
type: "var";
|
|
103
102
|
fallback?: {
|
|
104
|
-
type: "unit";
|
|
105
103
|
value: number;
|
|
106
|
-
|
|
104
|
+
type: "unit";
|
|
105
|
+
unit: "number" | "x" | "em" | "q" | "s" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "in" | "pt" | "pc" | "px" | "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" | "st" | "ms";
|
|
107
106
|
hidden?: boolean | undefined;
|
|
108
107
|
} | {
|
|
109
|
-
type: "keyword";
|
|
110
108
|
value: string;
|
|
109
|
+
type: "keyword";
|
|
111
110
|
hidden?: boolean | undefined;
|
|
112
111
|
} | {
|
|
113
|
-
type: "unparsed";
|
|
114
112
|
value: string;
|
|
113
|
+
type: "unparsed";
|
|
115
114
|
hidden?: boolean | undefined;
|
|
116
115
|
} | {
|
|
117
116
|
b: number;
|
|
@@ -123,35 +122,35 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
|
|
|
123
122
|
} | undefined;
|
|
124
123
|
hidden?: boolean | undefined;
|
|
125
124
|
})[];
|
|
125
|
+
type: "tuple";
|
|
126
126
|
hidden?: boolean | undefined;
|
|
127
127
|
} | {
|
|
128
|
-
type: "invalid";
|
|
129
128
|
value: string;
|
|
129
|
+
type: "invalid";
|
|
130
130
|
hidden?: boolean | undefined;
|
|
131
131
|
} | {
|
|
132
|
-
type: "layers";
|
|
133
132
|
value: ({
|
|
134
|
-
type: "image";
|
|
135
133
|
value: {
|
|
136
|
-
type: "asset";
|
|
137
134
|
value: string;
|
|
135
|
+
type: "asset";
|
|
138
136
|
} | {
|
|
139
|
-
type: "url";
|
|
140
137
|
url: string;
|
|
138
|
+
type: "url";
|
|
141
139
|
};
|
|
140
|
+
type: "image";
|
|
142
141
|
hidden?: boolean | undefined;
|
|
143
142
|
} | {
|
|
144
|
-
type: "unit";
|
|
145
143
|
value: number;
|
|
146
|
-
|
|
144
|
+
type: "unit";
|
|
145
|
+
unit: "number" | "x" | "em" | "q" | "s" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "in" | "pt" | "pc" | "px" | "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" | "st" | "ms";
|
|
147
146
|
hidden?: boolean | undefined;
|
|
148
147
|
} | {
|
|
149
|
-
type: "keyword";
|
|
150
148
|
value: string;
|
|
149
|
+
type: "keyword";
|
|
151
150
|
hidden?: boolean | undefined;
|
|
152
151
|
} | {
|
|
153
|
-
type: "unparsed";
|
|
154
152
|
value: string;
|
|
153
|
+
type: "unparsed";
|
|
155
154
|
hidden?: boolean | undefined;
|
|
156
155
|
} | {
|
|
157
156
|
b: number;
|
|
@@ -166,20 +165,20 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
|
|
|
166
165
|
args: import("@webstudio-is/css-engine").StyleValue;
|
|
167
166
|
hidden?: boolean;
|
|
168
167
|
} | {
|
|
169
|
-
type: "var";
|
|
170
168
|
value: string;
|
|
169
|
+
type: "var";
|
|
171
170
|
fallback?: {
|
|
172
|
-
type: "unit";
|
|
173
171
|
value: number;
|
|
174
|
-
|
|
172
|
+
type: "unit";
|
|
173
|
+
unit: "number" | "x" | "em" | "q" | "s" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "in" | "pt" | "pc" | "px" | "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" | "st" | "ms";
|
|
175
174
|
hidden?: boolean | undefined;
|
|
176
175
|
} | {
|
|
177
|
-
type: "keyword";
|
|
178
176
|
value: string;
|
|
177
|
+
type: "keyword";
|
|
179
178
|
hidden?: boolean | undefined;
|
|
180
179
|
} | {
|
|
181
|
-
type: "unparsed";
|
|
182
180
|
value: string;
|
|
181
|
+
type: "unparsed";
|
|
183
182
|
hidden?: boolean | undefined;
|
|
184
183
|
} | {
|
|
185
184
|
b: number;
|
|
@@ -191,29 +190,28 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
|
|
|
191
190
|
} | undefined;
|
|
192
191
|
hidden?: boolean | undefined;
|
|
193
192
|
} | {
|
|
194
|
-
type: "tuple";
|
|
195
193
|
value: ({
|
|
196
|
-
type: "image";
|
|
197
194
|
value: {
|
|
198
|
-
type: "asset";
|
|
199
195
|
value: string;
|
|
196
|
+
type: "asset";
|
|
200
197
|
} | {
|
|
201
|
-
type: "url";
|
|
202
198
|
url: string;
|
|
199
|
+
type: "url";
|
|
203
200
|
};
|
|
201
|
+
type: "image";
|
|
204
202
|
hidden?: boolean | undefined;
|
|
205
203
|
} | {
|
|
206
|
-
type: "unit";
|
|
207
204
|
value: number;
|
|
208
|
-
|
|
205
|
+
type: "unit";
|
|
206
|
+
unit: "number" | "x" | "em" | "q" | "s" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "in" | "pt" | "pc" | "px" | "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" | "st" | "ms";
|
|
209
207
|
hidden?: boolean | undefined;
|
|
210
208
|
} | {
|
|
211
|
-
type: "keyword";
|
|
212
209
|
value: string;
|
|
210
|
+
type: "keyword";
|
|
213
211
|
hidden?: boolean | undefined;
|
|
214
212
|
} | {
|
|
215
|
-
type: "unparsed";
|
|
216
213
|
value: string;
|
|
214
|
+
type: "unparsed";
|
|
217
215
|
hidden?: boolean | undefined;
|
|
218
216
|
} | {
|
|
219
217
|
b: number;
|
|
@@ -228,20 +226,20 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
|
|
|
228
226
|
args: import("@webstudio-is/css-engine").StyleValue;
|
|
229
227
|
hidden?: boolean;
|
|
230
228
|
} | {
|
|
231
|
-
type: "var";
|
|
232
229
|
value: string;
|
|
230
|
+
type: "var";
|
|
233
231
|
fallback?: {
|
|
234
|
-
type: "unit";
|
|
235
232
|
value: number;
|
|
236
|
-
|
|
233
|
+
type: "unit";
|
|
234
|
+
unit: "number" | "x" | "em" | "q" | "s" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "in" | "pt" | "pc" | "px" | "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" | "st" | "ms";
|
|
237
235
|
hidden?: boolean | undefined;
|
|
238
236
|
} | {
|
|
239
|
-
type: "keyword";
|
|
240
237
|
value: string;
|
|
238
|
+
type: "keyword";
|
|
241
239
|
hidden?: boolean | undefined;
|
|
242
240
|
} | {
|
|
243
|
-
type: "unparsed";
|
|
244
241
|
value: string;
|
|
242
|
+
type: "unparsed";
|
|
245
243
|
hidden?: boolean | undefined;
|
|
246
244
|
} | {
|
|
247
245
|
b: number;
|
|
@@ -253,23 +251,25 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
|
|
|
253
251
|
} | undefined;
|
|
254
252
|
hidden?: boolean | undefined;
|
|
255
253
|
})[];
|
|
254
|
+
type: "tuple";
|
|
256
255
|
hidden?: boolean | undefined;
|
|
257
256
|
} | {
|
|
258
|
-
type: "invalid";
|
|
259
257
|
value: string;
|
|
258
|
+
type: "invalid";
|
|
260
259
|
hidden?: boolean | undefined;
|
|
261
260
|
})[];
|
|
261
|
+
type: "layers";
|
|
262
262
|
hidden?: boolean | undefined;
|
|
263
263
|
} | {
|
|
264
|
-
type: "fontFamily";
|
|
265
264
|
value: string[];
|
|
265
|
+
type: "fontFamily";
|
|
266
266
|
hidden?: boolean | undefined;
|
|
267
267
|
} | {
|
|
268
268
|
type: "guaranteedInvalid";
|
|
269
269
|
hidden?: boolean | undefined;
|
|
270
270
|
} | {
|
|
271
|
-
type: "unset";
|
|
272
271
|
value: "";
|
|
272
|
+
type: "unset";
|
|
273
273
|
hidden?: boolean | undefined;
|
|
274
274
|
};
|
|
275
275
|
state?: string | undefined;
|
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.193.0",
|
|
4
4
|
"description": "Webstudio wrapper for radix library",
|
|
5
5
|
"author": "Webstudio <github@webstudio.is>",
|
|
6
6
|
"homepage": "https://webstudio.is",
|
|
@@ -51,10 +51,10 @@
|
|
|
51
51
|
"@radix-ui/react-switch": "^1.1.1",
|
|
52
52
|
"@radix-ui/react-tabs": "^1.1.1",
|
|
53
53
|
"@radix-ui/react-tooltip": "^1.1.4",
|
|
54
|
-
"@webstudio-is/css-engine": "0.
|
|
55
|
-
"@webstudio-is/icons": "0.
|
|
56
|
-
"@webstudio-is/sdk": "0.
|
|
57
|
-
"@webstudio-is/react-sdk": "0.
|
|
54
|
+
"@webstudio-is/css-engine": "0.193.0",
|
|
55
|
+
"@webstudio-is/icons": "0.193.0",
|
|
56
|
+
"@webstudio-is/sdk": "0.193.0",
|
|
57
|
+
"@webstudio-is/react-sdk": "0.193.0"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
60
|
"@types/node": "^22.9.3",
|
|
@@ -63,10 +63,10 @@
|
|
|
63
63
|
"react": "18.3.0-canary-14898b6a9-20240318",
|
|
64
64
|
"react-dom": "18.3.0-canary-14898b6a9-20240318",
|
|
65
65
|
"tailwindcss": "^3.3.3",
|
|
66
|
-
"@webstudio-is/generate-arg-types": "0.0.0",
|
|
67
66
|
"@webstudio-is/css-data": "0.0.0",
|
|
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.
|
|
69
|
+
"@webstudio-is/sdk-components-react": "0.193.0",
|
|
70
70
|
"@webstudio-is/tsconfig": "1.0.7"
|
|
71
71
|
},
|
|
72
72
|
"scripts": {
|