@webstudio-is/sdk-components-react-radix 0.181.0 → 0.185.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 (4) hide show
  1. package/lib/metas.js +1 -1
  2. package/lib/props.js +1 -1
  3. package/lib/types/theme/styles.d.ts +31 -147
  4. package/package.json +7 -7
package/lib/metas.js CHANGED
@@ -1027,7 +1027,7 @@ var property = (property2, value) => {
1027
1027
  if (value.startsWith("--")) {
1028
1028
  return {
1029
1029
  property: property2,
1030
- value: { type: "var", value: value.slice(2), fallbacks: [] }
1030
+ value: { type: "var", value: value.slice(2) }
1031
1031
  };
1032
1032
  }
1033
1033
  return {
package/lib/props.js CHANGED
@@ -1528,7 +1528,7 @@ var property = (property2, value) => {
1528
1528
  if (value.startsWith("--")) {
1529
1529
  return {
1530
1530
  property: property2,
1531
- value: { type: "var", value: value.slice(2), fallbacks: [] }
1531
+ value: { type: "var", value: value.slice(2) }
1532
1532
  };
1533
1533
  }
1534
1534
  return {
package/lib/types/theme/styles.d.ts CHANGED
@@ -40,13 +40,9 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
40
40
  };
41
41
  hidden?: boolean | undefined;
42
42
  } | {
43
- type: "tuple";
44
- value: ({
45
- type: "unit";
46
- value: number;
47
- unit: "number" | "x" | "em" | "q" | "s" | "fr" | "in" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "hz" | "khz" | "cm" | "mm" | "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";
48
- hidden?: boolean | undefined;
49
- } | {
43
+ type: "var";
44
+ value: string;
45
+ fallback?: {
50
46
  type: "keyword";
51
47
  value: string;
52
48
  hidden?: boolean | undefined;
@@ -54,36 +50,10 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
54
50
  type: "unparsed";
55
51
  value: string;
56
52
  hidden?: boolean | undefined;
57
- } | {
58
- b: number;
59
- g: number;
60
- type: "rgb";
61
- r: number;
62
- alpha: number;
63
- hidden?: boolean | undefined;
64
- } | {
65
- type: "function";
66
- name: string;
67
- args: import("@webstudio-is/css-engine").StyleValue;
68
- hidden?: boolean;
69
- } | {
70
- type: "image";
71
- value: {
72
- type: "asset";
73
- value: string;
74
- } | {
75
- type: "url";
76
- url: string;
77
- };
78
- hidden?: boolean | undefined;
79
- })[];
53
+ } | undefined;
80
54
  hidden?: boolean | undefined;
81
55
  } | {
82
- type: "invalid";
83
- value: string;
84
- hidden?: boolean | undefined;
85
- } | {
86
- type: "layers";
56
+ type: "tuple";
87
57
  value: ({
88
58
  type: "unit";
89
59
  value: number;
@@ -120,13 +90,9 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
120
90
  };
121
91
  hidden?: boolean | undefined;
122
92
  } | {
123
- type: "tuple";
124
- value: ({
125
- type: "unit";
126
- value: number;
127
- unit: "number" | "x" | "em" | "q" | "s" | "fr" | "in" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "hz" | "khz" | "cm" | "mm" | "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";
128
- hidden?: boolean | undefined;
129
- } | {
93
+ type: "var";
94
+ value: string;
95
+ fallback?: {
130
96
  type: "keyword";
131
97
  value: string;
132
98
  hidden?: boolean | undefined;
@@ -134,47 +100,17 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
134
100
  type: "unparsed";
135
101
  value: string;
136
102
  hidden?: boolean | undefined;
137
- } | {
138
- b: number;
139
- g: number;
140
- type: "rgb";
141
- r: number;
142
- alpha: number;
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
- })[];
160
- hidden?: boolean | undefined;
161
- } | {
162
- type: "invalid";
163
- value: string;
103
+ } | undefined;
164
104
  hidden?: boolean | undefined;
165
105
  })[];
166
106
  hidden?: boolean | undefined;
167
107
  } | {
168
- type: "guaranteedInvalid";
169
- hidden?: boolean | undefined;
170
- } | {
171
- type: "unset";
172
- value: "";
108
+ type: "invalid";
109
+ value: string;
173
110
  hidden?: boolean | undefined;
174
111
  } | {
175
- type: "var";
176
- value: string;
177
- fallbacks: ({
112
+ type: "layers";
113
+ value: ({
178
114
  type: "unit";
179
115
  value: number;
180
116
  unit: "number" | "x" | "em" | "q" | "s" | "fr" | "in" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "hz" | "khz" | "cm" | "mm" | "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";
@@ -187,10 +123,6 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
187
123
  type: "unparsed";
188
124
  value: string;
189
125
  hidden?: boolean | undefined;
190
- } | {
191
- type: "fontFamily";
192
- value: string[];
193
- hidden?: boolean | undefined;
194
126
  } | {
195
127
  b: number;
196
128
  g: number;
@@ -214,13 +146,9 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
214
146
  };
215
147
  hidden?: boolean | undefined;
216
148
  } | {
217
- type: "tuple";
218
- value: ({
219
- type: "unit";
220
- value: number;
221
- unit: "number" | "x" | "em" | "q" | "s" | "fr" | "in" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "hz" | "khz" | "cm" | "mm" | "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";
222
- hidden?: boolean | undefined;
223
- } | {
149
+ type: "var";
150
+ value: string;
151
+ fallback?: {
224
152
  type: "keyword";
225
153
  value: string;
226
154
  hidden?: boolean | undefined;
@@ -228,32 +156,10 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
228
156
  type: "unparsed";
229
157
  value: string;
230
158
  hidden?: boolean | undefined;
231
- } | {
232
- b: number;
233
- g: number;
234
- type: "rgb";
235
- r: number;
236
- alpha: number;
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
- })[];
159
+ } | undefined;
254
160
  hidden?: boolean | undefined;
255
161
  } | {
256
- type: "layers";
162
+ type: "tuple";
257
163
  value: ({
258
164
  type: "unit";
259
165
  value: number;
@@ -290,13 +196,9 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
290
196
  };
291
197
  hidden?: boolean | undefined;
292
198
  } | {
293
- type: "tuple";
294
- value: ({
295
- type: "unit";
296
- value: number;
297
- unit: "number" | "x" | "em" | "q" | "s" | "fr" | "in" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "hz" | "khz" | "cm" | "mm" | "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";
298
- hidden?: boolean | undefined;
299
- } | {
199
+ type: "var";
200
+ value: string;
201
+ fallback?: {
300
202
  type: "keyword";
301
203
  value: string;
302
204
  hidden?: boolean | undefined;
@@ -304,41 +206,23 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
304
206
  type: "unparsed";
305
207
  value: string;
306
208
  hidden?: boolean | undefined;
307
- } | {
308
- b: number;
309
- g: number;
310
- type: "rgb";
311
- r: number;
312
- alpha: number;
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
- })[];
330
- hidden?: boolean | undefined;
331
- } | {
332
- type: "invalid";
333
- value: string;
209
+ } | undefined;
334
210
  hidden?: boolean | undefined;
335
211
  })[];
336
212
  hidden?: boolean | undefined;
337
213
  } | {
338
- type: "guaranteedInvalid";
214
+ type: "invalid";
215
+ value: string;
339
216
  hidden?: boolean | undefined;
340
217
  })[];
341
218
  hidden?: boolean | undefined;
219
+ } | {
220
+ type: "guaranteedInvalid";
221
+ hidden?: boolean | undefined;
222
+ } | {
223
+ type: "unset";
224
+ value: "";
225
+ hidden?: boolean | undefined;
342
226
  };
343
227
  state?: string | undefined;
344
228
  property: import("@webstudio-is/css-engine").StyleProperty;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webstudio-is/sdk-components-react-radix",
3
- "version": "0.181.0",
3
+ "version": "0.185.0",
4
4
  "description": "Webstudio wrapper for radix library",
5
5
  "author": "Webstudio <github@webstudio.is>",
6
6
  "homepage": "https://webstudio.is",
@@ -51,13 +51,13 @@
51
51
  "@radix-ui/react-switch": "^1.1.0",
52
52
  "@radix-ui/react-tabs": "^1.1.0",
53
53
  "@radix-ui/react-tooltip": "^1.1.2",
54
- "@webstudio-is/react-sdk": "0.181.0",
55
- "@webstudio-is/css-engine": "0.181.0",
56
- "@webstudio-is/icons": "0.181.0",
57
- "@webstudio-is/sdk": "0.181.0"
54
+ "@webstudio-is/icons": "0.185.0",
55
+ "@webstudio-is/sdk": "0.185.0",
56
+ "@webstudio-is/css-engine": "0.185.0",
57
+ "@webstudio-is/react-sdk": "0.185.0"
58
58
  },
59
59
  "devDependencies": {
60
- "@types/node": "^20.12.7",
60
+ "@types/node": "^22.6.1",
61
61
  "@types/react": "^18.2.70",
62
62
  "@types/react-dom": "^18.2.25",
63
63
  "react": "18.3.0-canary-14898b6a9-20240318",
@@ -67,7 +67,7 @@
67
67
  "@webstudio-is/css-data": "0.0.0",
68
68
  "@webstudio-is/generate-arg-types": "0.0.0",
69
69
  "@webstudio-is/sdk-cli": "^0.94.0",
70
- "@webstudio-is/sdk-components-react": "0.181.0",
70
+ "@webstudio-is/sdk-components-react": "0.185.0",
71
71
  "@webstudio-is/tsconfig": "1.0.7"
72
72
  },
73
73
  "scripts": {