@webstudio-is/sdk-components-react-radix 0.235.0 → 0.237.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/package.json +8 -8
- package/lib/types/accordion.template.d.ts +0 -10
- package/lib/types/checkbox.template.d.ts +0 -2
- package/lib/types/collapsible.template.d.ts +0 -2
- package/lib/types/dialog.template.d.ts +0 -10
- package/lib/types/label.template.d.ts +0 -10
- package/lib/types/navigation-menu.template.d.ts +0 -2
- package/lib/types/popover.template.d.ts +0 -10
- package/lib/types/props-descriptions.d.ts +0 -29
- package/lib/types/radio-group.template.d.ts +0 -2
- package/lib/types/select.template.d.ts +0 -2
- package/lib/types/shared/proxy.d.ts +0 -16
- package/lib/types/shared/styles.d.ts +0 -2
- package/lib/types/shared/theme.d.ts +0 -212
- package/lib/types/sheet.template.d.ts +0 -10
- package/lib/types/switch.template.d.ts +0 -2
- package/lib/types/tabs.template.d.ts +0 -2
- package/lib/types/templates.d.ts +0 -13
- package/lib/types/tooltip.template.d.ts +0 -10
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.237.0",
|
|
4
4
|
"description": "Webstudio wrapper for radix library",
|
|
5
5
|
"author": "Webstudio <github@webstudio.is>",
|
|
6
6
|
"homepage": "https://webstudio.is",
|
|
@@ -52,10 +52,10 @@
|
|
|
52
52
|
"@radix-ui/react-tabs": "^1.1.9",
|
|
53
53
|
"@radix-ui/react-tooltip": "^1.2.4",
|
|
54
54
|
"await-interaction-response": "^0.0.2",
|
|
55
|
-
"@webstudio-is/css-engine": "0.
|
|
56
|
-
"@webstudio-is/icons": "0.
|
|
57
|
-
"@webstudio-is/
|
|
58
|
-
"@webstudio-is/sdk": "0.
|
|
55
|
+
"@webstudio-is/css-engine": "0.237.0",
|
|
56
|
+
"@webstudio-is/icons": "0.237.0",
|
|
57
|
+
"@webstudio-is/sdk": "0.237.0",
|
|
58
|
+
"@webstudio-is/react-sdk": "0.237.0"
|
|
59
59
|
},
|
|
60
60
|
"devDependencies": {
|
|
61
61
|
"@types/react": "^18.2.70",
|
|
@@ -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
|
"@webstudio-is/css-data": "0.0.0",
|
|
66
|
-
"@webstudio-is/generate-arg-types": "0.0.0",
|
|
67
|
-
"@webstudio-is/sdk-components-react": "0.235.0",
|
|
68
|
-
"@webstudio-is/template": "0.235.0",
|
|
69
66
|
"@webstudio-is/sdk-cli": "^0.94.0",
|
|
67
|
+
"@webstudio-is/sdk-components-react": "0.237.0",
|
|
68
|
+
"@webstudio-is/generate-arg-types": "0.0.0",
|
|
69
|
+
"@webstudio-is/template": "0.237.0",
|
|
70
70
|
"@webstudio-is/tsconfig": "1.0.7"
|
|
71
71
|
},
|
|
72
72
|
"scripts": {
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type TemplateMeta } from "@webstudio-is/template";
|
|
2
|
-
/**
|
|
3
|
-
* Styles source without animations:
|
|
4
|
-
* https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/default/ui/accordion.tsx
|
|
5
|
-
*
|
|
6
|
-
* Attributions
|
|
7
|
-
* MIT License
|
|
8
|
-
* Copyright (c) 2023 shadcn
|
|
9
|
-
**/
|
|
10
|
-
export declare const meta: TemplateMeta;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type TemplateMeta } from "@webstudio-is/template";
|
|
2
|
-
/**
|
|
3
|
-
* Styles source without animations:
|
|
4
|
-
* https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/default/ui/dialog.tsx
|
|
5
|
-
*
|
|
6
|
-
* Attributions
|
|
7
|
-
* MIT License
|
|
8
|
-
* Copyright (c) 2023 shadcn
|
|
9
|
-
**/
|
|
10
|
-
export declare const meta: TemplateMeta;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type TemplateMeta } from "@webstudio-is/template";
|
|
2
|
-
/**
|
|
3
|
-
* Styles source without animations:
|
|
4
|
-
* https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/default/ui/label.tsx
|
|
5
|
-
*
|
|
6
|
-
* Attributions
|
|
7
|
-
* MIT License
|
|
8
|
-
* Copyright (c) 2023 shadcn
|
|
9
|
-
**/
|
|
10
|
-
export declare const meta: TemplateMeta;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type TemplateMeta } from "@webstudio-is/template";
|
|
2
|
-
/**
|
|
3
|
-
* Styles source without animations:
|
|
4
|
-
* https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/default/ui/popover.tsx
|
|
5
|
-
*
|
|
6
|
-
* Attributions
|
|
7
|
-
* MIT License
|
|
8
|
-
* Copyright (c) 2023 shadcn
|
|
9
|
-
**/
|
|
10
|
-
export declare const meta: TemplateMeta;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
export declare const propsDescriptions: {
|
|
2
|
-
Dialog: {
|
|
3
|
-
open: string;
|
|
4
|
-
};
|
|
5
|
-
Sheet: {
|
|
6
|
-
open: string;
|
|
7
|
-
};
|
|
8
|
-
Collapsible: {
|
|
9
|
-
open: string;
|
|
10
|
-
};
|
|
11
|
-
Popover: {
|
|
12
|
-
open: string;
|
|
13
|
-
};
|
|
14
|
-
PopoverContent: {
|
|
15
|
-
alignOffset: string;
|
|
16
|
-
sideOffset: string;
|
|
17
|
-
side: string;
|
|
18
|
-
};
|
|
19
|
-
Tooltip: {
|
|
20
|
-
open: string;
|
|
21
|
-
delayDuration: string;
|
|
22
|
-
disableHoverableContent: string;
|
|
23
|
-
};
|
|
24
|
-
TooltipContent: {
|
|
25
|
-
alignOffset: string;
|
|
26
|
-
sideOffset: string;
|
|
27
|
-
side: string;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export declare const radix: Record<string, {
|
|
2
|
-
displayName: string;
|
|
3
|
-
} & ((props: Record<string, unknown> & Record<`${string}:expression`, string> & {
|
|
4
|
-
"ws:id"?: string;
|
|
5
|
-
"ws:label"?: string;
|
|
6
|
-
"ws:tag"?: string;
|
|
7
|
-
"ws:style"?: import("@webstudio-is/template").TemplateStyleDecl[];
|
|
8
|
-
"ws:show"?: boolean | {
|
|
9
|
-
chunks: string[];
|
|
10
|
-
variables: Array<import("@webstudio-is/template").Variable | import("@webstudio-is/template").Parameter | import("@webstudio-is/template").ResourceValue>;
|
|
11
|
-
};
|
|
12
|
-
children?: import("react").ReactNode | {
|
|
13
|
-
chunks: string[];
|
|
14
|
-
variables: Array<import("@webstudio-is/template").Variable | import("@webstudio-is/template").Parameter | import("@webstudio-is/template").ResourceValue>;
|
|
15
|
-
} | import("@webstudio-is/template").PlaceholderValue;
|
|
16
|
-
}) => import("react").ReactNode)>;
|
|
@@ -1,212 +0,0 @@
|
|
|
1
|
-
export declare const fontSize: {
|
|
2
|
-
readonly sm: "0.875rem";
|
|
3
|
-
readonly lg: "1.125rem";
|
|
4
|
-
};
|
|
5
|
-
export declare const fontSizeLineHeight: {
|
|
6
|
-
readonly sm: "1.25rem";
|
|
7
|
-
readonly lg: "1.75rem";
|
|
8
|
-
};
|
|
9
|
-
export declare const lineHeight: {
|
|
10
|
-
readonly none: "1";
|
|
11
|
-
readonly snug: "1.375";
|
|
12
|
-
};
|
|
13
|
-
export declare const weights: {
|
|
14
|
-
readonly medium: "500";
|
|
15
|
-
};
|
|
16
|
-
export declare const letterSpacing: {
|
|
17
|
-
readonly tight: "-0.025em";
|
|
18
|
-
};
|
|
19
|
-
export declare const spacing: {
|
|
20
|
-
readonly "0": "0px";
|
|
21
|
-
readonly "1": "0.25rem";
|
|
22
|
-
readonly "2": "0.5rem";
|
|
23
|
-
readonly "3": "0.75rem";
|
|
24
|
-
readonly "4": "1rem";
|
|
25
|
-
readonly "5": "1.25rem";
|
|
26
|
-
readonly "6": "1.5rem";
|
|
27
|
-
readonly "7": "1.75rem";
|
|
28
|
-
readonly "8": "2rem";
|
|
29
|
-
readonly "9": "2.25rem";
|
|
30
|
-
readonly "10": "2.5rem";
|
|
31
|
-
readonly "11": "2.75rem";
|
|
32
|
-
readonly "12": "3rem";
|
|
33
|
-
readonly "14": "3.5rem";
|
|
34
|
-
readonly "16": "4rem";
|
|
35
|
-
readonly "20": "5rem";
|
|
36
|
-
readonly "24": "6rem";
|
|
37
|
-
readonly "28": "7rem";
|
|
38
|
-
readonly "32": "8rem";
|
|
39
|
-
readonly "36": "9rem";
|
|
40
|
-
readonly "40": "10rem";
|
|
41
|
-
readonly "44": "11rem";
|
|
42
|
-
readonly "48": "12rem";
|
|
43
|
-
readonly "52": "13rem";
|
|
44
|
-
readonly "56": "14rem";
|
|
45
|
-
readonly "60": "15rem";
|
|
46
|
-
readonly "64": "16rem";
|
|
47
|
-
readonly "72": "18rem";
|
|
48
|
-
readonly "80": "20rem";
|
|
49
|
-
readonly "96": "24rem";
|
|
50
|
-
readonly px: "1px";
|
|
51
|
-
readonly "0.5": "0.125rem";
|
|
52
|
-
readonly "1.5": "0.375rem";
|
|
53
|
-
readonly "2.5": "0.625rem";
|
|
54
|
-
readonly "3.5": "0.875rem";
|
|
55
|
-
};
|
|
56
|
-
export declare const width: {
|
|
57
|
-
readonly full: "100%";
|
|
58
|
-
readonly "0": "0px";
|
|
59
|
-
readonly "1": "0.25rem";
|
|
60
|
-
readonly "2": "0.5rem";
|
|
61
|
-
readonly "3": "0.75rem";
|
|
62
|
-
readonly "4": "1rem";
|
|
63
|
-
readonly "5": "1.25rem";
|
|
64
|
-
readonly "6": "1.5rem";
|
|
65
|
-
readonly "7": "1.75rem";
|
|
66
|
-
readonly "8": "2rem";
|
|
67
|
-
readonly "9": "2.25rem";
|
|
68
|
-
readonly "10": "2.5rem";
|
|
69
|
-
readonly "11": "2.75rem";
|
|
70
|
-
readonly "12": "3rem";
|
|
71
|
-
readonly "14": "3.5rem";
|
|
72
|
-
readonly "16": "4rem";
|
|
73
|
-
readonly "20": "5rem";
|
|
74
|
-
readonly "24": "6rem";
|
|
75
|
-
readonly "28": "7rem";
|
|
76
|
-
readonly "32": "8rem";
|
|
77
|
-
readonly "36": "9rem";
|
|
78
|
-
readonly "40": "10rem";
|
|
79
|
-
readonly "44": "11rem";
|
|
80
|
-
readonly "48": "12rem";
|
|
81
|
-
readonly "52": "13rem";
|
|
82
|
-
readonly "56": "14rem";
|
|
83
|
-
readonly "60": "15rem";
|
|
84
|
-
readonly "64": "16rem";
|
|
85
|
-
readonly "72": "18rem";
|
|
86
|
-
readonly "80": "20rem";
|
|
87
|
-
readonly "96": "24rem";
|
|
88
|
-
readonly px: "1px";
|
|
89
|
-
readonly "0.5": "0.125rem";
|
|
90
|
-
readonly "1.5": "0.375rem";
|
|
91
|
-
readonly "2.5": "0.625rem";
|
|
92
|
-
readonly "3.5": "0.875rem";
|
|
93
|
-
};
|
|
94
|
-
export declare const height: {
|
|
95
|
-
readonly full: "100%";
|
|
96
|
-
readonly "0": "0px";
|
|
97
|
-
readonly "1": "0.25rem";
|
|
98
|
-
readonly "2": "0.5rem";
|
|
99
|
-
readonly "3": "0.75rem";
|
|
100
|
-
readonly "4": "1rem";
|
|
101
|
-
readonly "5": "1.25rem";
|
|
102
|
-
readonly "6": "1.5rem";
|
|
103
|
-
readonly "7": "1.75rem";
|
|
104
|
-
readonly "8": "2rem";
|
|
105
|
-
readonly "9": "2.25rem";
|
|
106
|
-
readonly "10": "2.5rem";
|
|
107
|
-
readonly "11": "2.75rem";
|
|
108
|
-
readonly "12": "3rem";
|
|
109
|
-
readonly "14": "3.5rem";
|
|
110
|
-
readonly "16": "4rem";
|
|
111
|
-
readonly "20": "5rem";
|
|
112
|
-
readonly "24": "6rem";
|
|
113
|
-
readonly "28": "7rem";
|
|
114
|
-
readonly "32": "8rem";
|
|
115
|
-
readonly "36": "9rem";
|
|
116
|
-
readonly "40": "10rem";
|
|
117
|
-
readonly "44": "11rem";
|
|
118
|
-
readonly "48": "12rem";
|
|
119
|
-
readonly "52": "13rem";
|
|
120
|
-
readonly "56": "14rem";
|
|
121
|
-
readonly "60": "15rem";
|
|
122
|
-
readonly "64": "16rem";
|
|
123
|
-
readonly "72": "18rem";
|
|
124
|
-
readonly "80": "20rem";
|
|
125
|
-
readonly "96": "24rem";
|
|
126
|
-
readonly px: "1px";
|
|
127
|
-
readonly "0.5": "0.125rem";
|
|
128
|
-
readonly "1.5": "0.375rem";
|
|
129
|
-
readonly "2.5": "0.625rem";
|
|
130
|
-
readonly "3.5": "0.875rem";
|
|
131
|
-
};
|
|
132
|
-
export declare const maxWidth: {
|
|
133
|
-
readonly "0": "0rem";
|
|
134
|
-
readonly xs: "20rem";
|
|
135
|
-
readonly sm: "24rem";
|
|
136
|
-
readonly md: "28rem";
|
|
137
|
-
readonly lg: "32rem";
|
|
138
|
-
readonly xl: "36rem";
|
|
139
|
-
readonly prose: "65ch";
|
|
140
|
-
};
|
|
141
|
-
export declare const borderWidth: {
|
|
142
|
-
"0": string;
|
|
143
|
-
"2": string;
|
|
144
|
-
"4": string;
|
|
145
|
-
"8": string;
|
|
146
|
-
DEFAULT: string;
|
|
147
|
-
};
|
|
148
|
-
export declare const borderRadius: {
|
|
149
|
-
readonly sm: "0.125rem";
|
|
150
|
-
readonly md: "0.375rem";
|
|
151
|
-
readonly full: "9999px";
|
|
152
|
-
};
|
|
153
|
-
export declare const colors: {
|
|
154
|
-
readonly transparent: "transparent";
|
|
155
|
-
readonly current: "currentColor";
|
|
156
|
-
readonly inherit: "inherit";
|
|
157
|
-
readonly popover: "rgb(255, 255, 255)";
|
|
158
|
-
readonly popoverForeground: "rgb(2, 8, 23)";
|
|
159
|
-
readonly border: "rgb(226, 232, 240)";
|
|
160
|
-
readonly background: "rgb(255, 255, 255)";
|
|
161
|
-
readonly foreground: "hsl(222.2 84% 4.9%)";
|
|
162
|
-
readonly ring: "rgb(148, 163, 184)";
|
|
163
|
-
readonly mutedForeground: "rgb(100, 116, 139)";
|
|
164
|
-
readonly muted: "hsl(210 40% 96.1%)";
|
|
165
|
-
readonly primary: "rgb(15, 23, 42)";
|
|
166
|
-
readonly primaryForeground: "hsl(210 40% 98%)";
|
|
167
|
-
readonly destructive: "rgb(239, 68, 68)";
|
|
168
|
-
readonly destructiveForeground: "rgb(248, 250, 252)";
|
|
169
|
-
readonly accent: "rgb(241, 245, 249)";
|
|
170
|
-
readonly accentForeground: "rgb(15, 23, 42)";
|
|
171
|
-
readonly input: "rgb(226, 232, 240)";
|
|
172
|
-
readonly secondary: "rgb(241, 245, 249)";
|
|
173
|
-
readonly secondaryForeground: "rgb(15, 23, 42)";
|
|
174
|
-
};
|
|
175
|
-
export declare const transition: {
|
|
176
|
-
readonly all: "all 150ms cubic-bezier(0.4, 0, 0.2, 1)";
|
|
177
|
-
readonly transform: "transform 150ms cubic-bezier(0.4, 0, 0.2, 1)";
|
|
178
|
-
};
|
|
179
|
-
export declare const opacity: {
|
|
180
|
-
readonly "0": "0";
|
|
181
|
-
readonly "5": "0.05";
|
|
182
|
-
readonly "10": "0.1";
|
|
183
|
-
readonly "20": "0.2";
|
|
184
|
-
readonly "25": "0.25";
|
|
185
|
-
readonly "30": "0.3";
|
|
186
|
-
readonly "40": "0.4";
|
|
187
|
-
readonly "50": "0.5";
|
|
188
|
-
readonly "60": "0.6";
|
|
189
|
-
readonly "70": "0.7";
|
|
190
|
-
readonly "75": "0.75";
|
|
191
|
-
readonly "80": "0.8";
|
|
192
|
-
readonly "90": "0.9";
|
|
193
|
-
readonly "95": "0.95";
|
|
194
|
-
readonly "100": "1";
|
|
195
|
-
};
|
|
196
|
-
export declare const boxShadow: {
|
|
197
|
-
readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
|
|
198
|
-
readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
|
|
199
|
-
readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
|
|
200
|
-
readonly ring: string;
|
|
201
|
-
};
|
|
202
|
-
export declare const zIndex: {
|
|
203
|
-
readonly "0": "0";
|
|
204
|
-
readonly "10": "10";
|
|
205
|
-
readonly "20": "20";
|
|
206
|
-
readonly "30": "30";
|
|
207
|
-
readonly "40": "40";
|
|
208
|
-
readonly "50": "50";
|
|
209
|
-
};
|
|
210
|
-
export declare const blur: {
|
|
211
|
-
sm: string;
|
|
212
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type TemplateMeta } from "@webstudio-is/template";
|
|
2
|
-
/**
|
|
3
|
-
* Styles source without animations:
|
|
4
|
-
* https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/default/ui/sheet.tsx
|
|
5
|
-
*
|
|
6
|
-
* Attributions
|
|
7
|
-
* MIT License
|
|
8
|
-
* Copyright (c) 2023 shadcn
|
|
9
|
-
**/
|
|
10
|
-
export declare const meta: TemplateMeta;
|
package/lib/types/templates.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export { meta as Label } from "./label.template";
|
|
2
|
-
export { meta as Tabs } from "./tabs.template";
|
|
3
|
-
export { meta as Sheet } from "./sheet.template";
|
|
4
|
-
export { meta as Dialog } from "./dialog.template";
|
|
5
|
-
export { meta as Switch } from "./switch.template";
|
|
6
|
-
export { meta as Checkbox } from "./checkbox.template";
|
|
7
|
-
export { meta as Collapsible } from "./collapsible.template";
|
|
8
|
-
export { meta as Accordion } from "./accordion.template";
|
|
9
|
-
export { meta as Tooltip } from "./tooltip.template";
|
|
10
|
-
export { meta as Popover } from "./popover.template";
|
|
11
|
-
export { meta as RadioGroup } from "./radio-group.template";
|
|
12
|
-
export { meta as Select } from "./select.template";
|
|
13
|
-
export { meta as NavigationMenu } from "./navigation-menu.template";
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type TemplateMeta } from "@webstudio-is/template";
|
|
2
|
-
/**
|
|
3
|
-
* Styles source without animations:
|
|
4
|
-
* https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/default/ui/tooltip.tsx
|
|
5
|
-
*
|
|
6
|
-
* Attributions
|
|
7
|
-
* MIT License
|
|
8
|
-
* Copyright (c) 2023 shadcn
|
|
9
|
-
**/
|
|
10
|
-
export declare const meta: TemplateMeta;
|