@webstudio-is/sdk-components-react-radix 0.182.0 → 0.189.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 -99
  4. package/package.json +20 -20
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,8 +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: ({
43
+ type: "var";
44
+ value: string;
45
+ fallback?: {
45
46
  type: "unit";
46
47
  value: number;
47
48
  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";
@@ -61,29 +62,10 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
61
62
  r: number;
62
63
  alpha: number;
63
64
  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
- })[];
80
- hidden?: boolean | undefined;
81
- } | {
82
- type: "invalid";
83
- value: string;
65
+ } | undefined;
84
66
  hidden?: boolean | undefined;
85
67
  } | {
86
- type: "layers";
68
+ type: "tuple";
87
69
  value: ({
88
70
  type: "unit";
89
71
  value: number;
@@ -120,8 +102,9 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
120
102
  };
121
103
  hidden?: boolean | undefined;
122
104
  } | {
123
- type: "tuple";
124
- value: ({
105
+ type: "var";
106
+ value: string;
107
+ fallback?: {
125
108
  type: "unit";
126
109
  value: number;
127
110
  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";
@@ -141,40 +124,17 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
141
124
  r: number;
142
125
  alpha: number;
143
126
  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;
127
+ } | undefined;
164
128
  hidden?: boolean | undefined;
165
129
  })[];
166
130
  hidden?: boolean | undefined;
167
131
  } | {
168
- type: "guaranteedInvalid";
169
- hidden?: boolean | undefined;
170
- } | {
171
- type: "unset";
172
- value: "";
132
+ type: "invalid";
133
+ value: string;
173
134
  hidden?: boolean | undefined;
174
135
  } | {
175
- type: "var";
176
- value: string;
177
- fallbacks: ({
136
+ type: "layers";
137
+ value: ({
178
138
  type: "unit";
179
139
  value: number;
180
140
  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 +147,6 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
187
147
  type: "unparsed";
188
148
  value: string;
189
149
  hidden?: boolean | undefined;
190
- } | {
191
- type: "fontFamily";
192
- value: string[];
193
- hidden?: boolean | undefined;
194
150
  } | {
195
151
  b: number;
196
152
  g: number;
@@ -214,8 +170,9 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
214
170
  };
215
171
  hidden?: boolean | undefined;
216
172
  } | {
217
- type: "tuple";
218
- value: ({
173
+ type: "var";
174
+ value: string;
175
+ fallback?: {
219
176
  type: "unit";
220
177
  value: number;
221
178
  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";
@@ -235,25 +192,10 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
235
192
  r: number;
236
193
  alpha: number;
237
194
  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
- })[];
195
+ } | undefined;
254
196
  hidden?: boolean | undefined;
255
197
  } | {
256
- type: "layers";
198
+ type: "tuple";
257
199
  value: ({
258
200
  type: "unit";
259
201
  value: number;
@@ -290,8 +232,9 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
290
232
  };
291
233
  hidden?: boolean | undefined;
292
234
  } | {
293
- type: "tuple";
294
- value: ({
235
+ type: "var";
236
+ value: string;
237
+ fallback?: {
295
238
  type: "unit";
296
239
  value: number;
297
240
  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";
@@ -311,34 +254,23 @@ export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "def
311
254
  r: number;
312
255
  alpha: number;
313
256
  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;
257
+ } | undefined;
334
258
  hidden?: boolean | undefined;
335
259
  })[];
336
260
  hidden?: boolean | undefined;
337
261
  } | {
338
- type: "guaranteedInvalid";
262
+ type: "invalid";
263
+ value: string;
339
264
  hidden?: boolean | undefined;
340
265
  })[];
341
266
  hidden?: boolean | undefined;
267
+ } | {
268
+ type: "guaranteedInvalid";
269
+ hidden?: boolean | undefined;
270
+ } | {
271
+ type: "unset";
272
+ value: "";
273
+ hidden?: boolean | undefined;
342
274
  };
343
275
  state?: string | undefined;
344
276
  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.182.0",
3
+ "version": "0.189.0",
4
4
  "description": "Webstudio wrapper for radix library",
5
5
  "author": "Webstudio <github@webstudio.is>",
6
6
  "homepage": "https://webstudio.is",
@@ -39,36 +39,36 @@
39
39
  "react-dom": "18.3.0-canary-14898b6a9-20240318"
40
40
  },
41
41
  "dependencies": {
42
- "@radix-ui/react-accordion": "^1.2.0",
43
- "@radix-ui/react-checkbox": "^1.1.1",
44
- "@radix-ui/react-collapsible": "^1.1.0",
45
- "@radix-ui/react-dialog": "^1.1.1",
42
+ "@radix-ui/react-accordion": "^1.2.1",
43
+ "@radix-ui/react-checkbox": "^1.1.2",
44
+ "@radix-ui/react-collapsible": "^1.1.1",
45
+ "@radix-ui/react-dialog": "^1.1.2",
46
46
  "@radix-ui/react-label": "^2.1.0",
47
- "@radix-ui/react-navigation-menu": "^1.2.0",
48
- "@radix-ui/react-popover": "^1.1.1",
49
- "@radix-ui/react-radio-group": "^1.2.0",
50
- "@radix-ui/react-select": "^2.1.1",
51
- "@radix-ui/react-switch": "^1.1.0",
52
- "@radix-ui/react-tabs": "^1.1.0",
53
- "@radix-ui/react-tooltip": "^1.1.2",
54
- "@webstudio-is/css-engine": "0.182.0",
55
- "@webstudio-is/react-sdk": "0.182.0",
56
- "@webstudio-is/icons": "0.182.0",
57
- "@webstudio-is/sdk": "0.182.0"
47
+ "@radix-ui/react-navigation-menu": "^1.2.1",
48
+ "@radix-ui/react-popover": "^1.1.2",
49
+ "@radix-ui/react-radio-group": "^1.2.1",
50
+ "@radix-ui/react-select": "^2.1.2",
51
+ "@radix-ui/react-switch": "^1.1.1",
52
+ "@radix-ui/react-tabs": "^1.1.1",
53
+ "@radix-ui/react-tooltip": "^1.1.3",
54
+ "@webstudio-is/css-engine": "0.189.0",
55
+ "@webstudio-is/react-sdk": "0.189.0",
56
+ "@webstudio-is/icons": "0.189.0",
57
+ "@webstudio-is/sdk": "0.189.0"
58
58
  },
59
59
  "devDependencies": {
60
- "@types/node": "^22.6.1",
60
+ "@types/node": "^22.8.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",
64
64
  "react-dom": "18.3.0-canary-14898b6a9-20240318",
65
65
  "tailwindcss": "^3.3.3",
66
- "typescript": "^5.5.2",
66
+ "typescript": "^5.6.3",
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.182.0",
71
- "@webstudio-is/tsconfig": "1.0.7"
70
+ "@webstudio-is/tsconfig": "1.0.7",
71
+ "@webstudio-is/sdk-components-react": "0.189.0"
72
72
  },
73
73
  "scripts": {
74
74
  "build": "rm -rf lib && esbuild src/components.ts src/metas.ts src/props.ts src/hooks.ts --outdir=lib --bundle --format=esm --packages=external",