@webstudio-is/sdk-components-react-radix 0.191.0 → 0.191.4

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 (94) hide show
  1. package/package.json +7 -7
  2. package/lib/__generated__/accordion.props.js +0 -2631
  3. package/lib/__generated__/checkbox.props.js +0 -1084
  4. package/lib/__generated__/collapsible.props.js +0 -1024
  5. package/lib/__generated__/dialog.props.js +0 -2599
  6. package/lib/__generated__/label.props.js +0 -519
  7. package/lib/__generated__/navigation-menu.props.js +0 -3660
  8. package/lib/__generated__/popover.props.js +0 -564
  9. package/lib/__generated__/radio-group.props.js +0 -1619
  10. package/lib/__generated__/select.props.js +0 -3681
  11. package/lib/__generated__/switch.props.js +0 -1084
  12. package/lib/__generated__/tabs.props.js +0 -2121
  13. package/lib/__generated__/tooltip.props.js +0 -575
  14. package/lib/accordion.js +0 -36
  15. package/lib/accordion.ws.js +0 -254
  16. package/lib/checkbox.js +0 -8
  17. package/lib/checkbox.ws.js +0 -141
  18. package/lib/collapsible.js +0 -26
  19. package/lib/collapsible.ws.js +0 -92
  20. package/lib/components.js +0 -62
  21. package/lib/dialog.js +0 -84
  22. package/lib/dialog.ws.js +0 -260
  23. package/lib/hooks.js +0 -23
  24. package/lib/label.js +0 -7
  25. package/lib/label.ws.js +0 -43
  26. package/lib/metas.js +0 -64
  27. package/lib/navigation-menu.js +0 -59
  28. package/lib/navigation-menu.ws.js +0 -481
  29. package/lib/popover.js +0 -48
  30. package/lib/popover.ws.js +0 -96
  31. package/lib/props.js +0 -62
  32. package/lib/radio-group.js +0 -9
  33. package/lib/radio-group.ws.js +0 -159
  34. package/lib/select.js +0 -46
  35. package/lib/select.ws.js +0 -308
  36. package/lib/sheet.js +0 -43
  37. package/lib/sheet.ws.js +0 -217
  38. package/lib/switch.js +0 -8
  39. package/lib/switch.ws.js +0 -140
  40. package/lib/tabs.js +0 -31
  41. package/lib/tabs.ws.js +0 -187
  42. package/lib/theme/__generated__/tailwind-theme.js +0 -503
  43. package/lib/theme/styles.js +0 -52
  44. package/lib/theme/tailwind-classes.js +0 -474
  45. package/lib/tooltip.js +0 -45
  46. package/lib/tooltip.ws.js +0 -97
  47. package/lib/types/__generated__/accordion.props.d.ts +0 -6
  48. package/lib/types/__generated__/checkbox.props.d.ts +0 -3
  49. package/lib/types/__generated__/collapsible.props.d.ts +0 -4
  50. package/lib/types/__generated__/dialog.props.d.ts +0 -8
  51. package/lib/types/__generated__/label.props.d.ts +0 -2
  52. package/lib/types/__generated__/navigation-menu.props.d.ts +0 -8
  53. package/lib/types/__generated__/popover.props.d.ts +0 -4
  54. package/lib/types/__generated__/radio-group.props.d.ts +0 -4
  55. package/lib/types/__generated__/select.props.d.ts +0 -9
  56. package/lib/types/__generated__/sheet.props.d.ts +0 -8
  57. package/lib/types/__generated__/switch.props.d.ts +0 -3
  58. package/lib/types/__generated__/tabs.props.d.ts +0 -5
  59. package/lib/types/__generated__/tooltip.props.d.ts +0 -4
  60. package/lib/types/accordion.d.ts +0 -11
  61. package/lib/types/accordion.ws.d.ts +0 -11
  62. package/lib/types/checkbox.d.ts +0 -9
  63. package/lib/types/checkbox.ws.d.ts +0 -5
  64. package/lib/types/collapsible.d.ts +0 -15
  65. package/lib/types/collapsible.ws.d.ts +0 -7
  66. package/lib/types/components.d.ts +0 -12
  67. package/lib/types/dialog.d.ts +0 -23
  68. package/lib/types/dialog.ws.d.ts +0 -23
  69. package/lib/types/hooks.d.ts +0 -2
  70. package/lib/types/label.d.ts +0 -2
  71. package/lib/types/label.ws.d.ts +0 -3
  72. package/lib/types/metas.d.ts +0 -13
  73. package/lib/types/navigation-menu.d.ts +0 -10
  74. package/lib/types/navigation-menu.ws.d.ts +0 -15
  75. package/lib/types/popover.d.ts +0 -15
  76. package/lib/types/popover.ws.d.ts +0 -15
  77. package/lib/types/props-descriptions.d.ts +0 -29
  78. package/lib/types/props.d.ts +0 -12
  79. package/lib/types/radio-group.d.ts +0 -5
  80. package/lib/types/radio-group.ws.d.ts +0 -7
  81. package/lib/types/select.d.ts +0 -14
  82. package/lib/types/select.ws.d.ts +0 -17
  83. package/lib/types/sheet.d.ts +0 -16
  84. package/lib/types/sheet.ws.d.ts +0 -10
  85. package/lib/types/switch.d.ts +0 -4
  86. package/lib/types/switch.ws.d.ts +0 -5
  87. package/lib/types/tabs.d.ts +0 -12
  88. package/lib/types/tabs.ws.d.ts +0 -9
  89. package/lib/types/theme/__generated__/tailwind-theme.d.ts +0 -26
  90. package/lib/types/theme/styles.d.ts +0 -278
  91. package/lib/types/theme/tailwind-classes.d.ts +0 -104
  92. package/lib/types/theme/tailwind-colors.d.ts +0 -31
  93. package/lib/types/tooltip.d.ts +0 -15
  94. package/lib/types/tooltip.ws.d.ts +0 -15
@@ -1,278 +0,0 @@
1
- import type { EmbedTemplateStyleDecl } from "@webstudio-is/react-sdk";
2
- export declare const getButtonStyles: (variant: "outline" | "ghost", size?: "default" | "sm" | "icon") => {
3
- value: {
4
- type: "image";
5
- value: {
6
- type: "asset";
7
- value: string;
8
- } | {
9
- type: "url";
10
- url: string;
11
- };
12
- hidden?: boolean | undefined;
13
- } | {
14
- type: "unit";
15
- value: number;
16
- 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";
17
- hidden?: boolean | undefined;
18
- } | {
19
- type: "keyword";
20
- value: string;
21
- hidden?: boolean | undefined;
22
- } | {
23
- type: "unparsed";
24
- value: string;
25
- hidden?: boolean | undefined;
26
- } | {
27
- b: number;
28
- g: number;
29
- type: "rgb";
30
- r: number;
31
- alpha: number;
32
- hidden?: boolean | undefined;
33
- } | {
34
- type: "function";
35
- name: string;
36
- args: import("@webstudio-is/css-engine").StyleValue;
37
- hidden?: boolean;
38
- } | {
39
- type: "var";
40
- value: string;
41
- fallback?: {
42
- type: "unit";
43
- value: number;
44
- 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";
45
- hidden?: boolean | undefined;
46
- } | {
47
- type: "keyword";
48
- value: string;
49
- hidden?: boolean | undefined;
50
- } | {
51
- type: "unparsed";
52
- value: string;
53
- hidden?: boolean | undefined;
54
- } | {
55
- b: number;
56
- g: number;
57
- type: "rgb";
58
- r: number;
59
- alpha: number;
60
- hidden?: boolean | undefined;
61
- } | undefined;
62
- hidden?: boolean | undefined;
63
- } | {
64
- type: "tuple";
65
- value: ({
66
- type: "image";
67
- value: {
68
- type: "asset";
69
- value: string;
70
- } | {
71
- type: "url";
72
- url: string;
73
- };
74
- hidden?: boolean | undefined;
75
- } | {
76
- type: "unit";
77
- value: number;
78
- 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";
79
- hidden?: boolean | undefined;
80
- } | {
81
- type: "keyword";
82
- value: string;
83
- hidden?: boolean | undefined;
84
- } | {
85
- type: "unparsed";
86
- value: string;
87
- hidden?: boolean | undefined;
88
- } | {
89
- b: number;
90
- g: number;
91
- type: "rgb";
92
- r: number;
93
- alpha: number;
94
- hidden?: boolean | undefined;
95
- } | {
96
- type: "function";
97
- name: string;
98
- args: import("@webstudio-is/css-engine").StyleValue;
99
- hidden?: boolean;
100
- } | {
101
- type: "var";
102
- value: string;
103
- fallback?: {
104
- type: "unit";
105
- value: number;
106
- 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";
107
- hidden?: boolean | undefined;
108
- } | {
109
- type: "keyword";
110
- value: string;
111
- hidden?: boolean | undefined;
112
- } | {
113
- type: "unparsed";
114
- value: string;
115
- hidden?: boolean | undefined;
116
- } | {
117
- b: number;
118
- g: number;
119
- type: "rgb";
120
- r: number;
121
- alpha: number;
122
- hidden?: boolean | undefined;
123
- } | undefined;
124
- hidden?: boolean | undefined;
125
- })[];
126
- hidden?: boolean | undefined;
127
- } | {
128
- type: "invalid";
129
- value: string;
130
- hidden?: boolean | undefined;
131
- } | {
132
- type: "layers";
133
- value: ({
134
- type: "image";
135
- value: {
136
- type: "asset";
137
- value: string;
138
- } | {
139
- type: "url";
140
- url: string;
141
- };
142
- hidden?: boolean | undefined;
143
- } | {
144
- type: "unit";
145
- value: number;
146
- 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";
147
- hidden?: boolean | undefined;
148
- } | {
149
- type: "keyword";
150
- value: string;
151
- hidden?: boolean | undefined;
152
- } | {
153
- type: "unparsed";
154
- value: string;
155
- hidden?: boolean | undefined;
156
- } | {
157
- b: number;
158
- g: number;
159
- type: "rgb";
160
- r: number;
161
- alpha: number;
162
- hidden?: boolean | undefined;
163
- } | {
164
- type: "function";
165
- name: string;
166
- args: import("@webstudio-is/css-engine").StyleValue;
167
- hidden?: boolean;
168
- } | {
169
- type: "var";
170
- value: string;
171
- fallback?: {
172
- type: "unit";
173
- value: number;
174
- 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";
175
- hidden?: boolean | undefined;
176
- } | {
177
- type: "keyword";
178
- value: string;
179
- hidden?: boolean | undefined;
180
- } | {
181
- type: "unparsed";
182
- value: string;
183
- hidden?: boolean | undefined;
184
- } | {
185
- b: number;
186
- g: number;
187
- type: "rgb";
188
- r: number;
189
- alpha: number;
190
- hidden?: boolean | undefined;
191
- } | undefined;
192
- hidden?: boolean | undefined;
193
- } | {
194
- type: "tuple";
195
- value: ({
196
- type: "image";
197
- value: {
198
- type: "asset";
199
- value: string;
200
- } | {
201
- type: "url";
202
- url: string;
203
- };
204
- hidden?: boolean | undefined;
205
- } | {
206
- type: "unit";
207
- value: number;
208
- 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";
209
- hidden?: boolean | undefined;
210
- } | {
211
- type: "keyword";
212
- value: string;
213
- hidden?: boolean | undefined;
214
- } | {
215
- type: "unparsed";
216
- value: string;
217
- hidden?: boolean | undefined;
218
- } | {
219
- b: number;
220
- g: number;
221
- type: "rgb";
222
- r: number;
223
- alpha: number;
224
- hidden?: boolean | undefined;
225
- } | {
226
- type: "function";
227
- name: string;
228
- args: import("@webstudio-is/css-engine").StyleValue;
229
- hidden?: boolean;
230
- } | {
231
- type: "var";
232
- value: string;
233
- fallback?: {
234
- type: "unit";
235
- value: number;
236
- 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";
237
- hidden?: boolean | undefined;
238
- } | {
239
- type: "keyword";
240
- value: string;
241
- hidden?: boolean | undefined;
242
- } | {
243
- type: "unparsed";
244
- value: string;
245
- hidden?: boolean | undefined;
246
- } | {
247
- b: number;
248
- g: number;
249
- type: "rgb";
250
- r: number;
251
- alpha: number;
252
- hidden?: boolean | undefined;
253
- } | undefined;
254
- hidden?: boolean | undefined;
255
- })[];
256
- hidden?: boolean | undefined;
257
- } | {
258
- type: "invalid";
259
- value: string;
260
- hidden?: boolean | undefined;
261
- })[];
262
- hidden?: boolean | undefined;
263
- } | {
264
- type: "fontFamily";
265
- value: string[];
266
- hidden?: boolean | undefined;
267
- } | {
268
- type: "guaranteedInvalid";
269
- hidden?: boolean | undefined;
270
- } | {
271
- type: "unset";
272
- value: "";
273
- hidden?: boolean | undefined;
274
- };
275
- state?: string | undefined;
276
- property: import("@webstudio-is/css-engine").StyleProperty;
277
- }[];
278
- export declare const buttonReset: EmbedTemplateStyleDecl[];
@@ -1,104 +0,0 @@
1
- /**
2
- * Quik and dirty implementation of tailwind classes conversion to webstudio styles.
3
- */
4
- import type { EmbedTemplateStyleDecl } from "@webstudio-is/react-sdk";
5
- import type { StyleProperty } from "@webstudio-is/css-engine";
6
- import * as theme from "./__generated__/tailwind-theme";
7
- export declare const property: (property: StyleProperty, value: string) => EmbedTemplateStyleDecl;
8
- export declare const z: (value: StringEnumToNumeric<keyof typeof theme.zIndex>) => EmbedTemplateStyleDecl[];
9
- export declare const overflow: (value: "hidden" | "visible" | "scroll" | "auto") => EmbedTemplateStyleDecl[];
10
- export declare const rounded: (value?: keyof typeof theme.borderRadius) => EmbedTemplateStyleDecl[];
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;
13
- export declare const border: (borderWidthOrColor?: StringEnumToNumeric<keyof typeof theme.borderWidth> | keyof typeof theme.colors) => EmbedTemplateStyleDecl[];
14
- export declare const borderB: (borderWidthOrColor?: StringEnumToNumeric<keyof typeof theme.borderWidth> | keyof typeof theme.colors) => EmbedTemplateStyleDecl[];
15
- declare const paddingProperty: (property: "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft") => (padding: StringEnumToNumeric<keyof typeof theme.padding> | NonNumeric<keyof typeof theme.padding>) => EmbedTemplateStyleDecl[];
16
- export declare const pt: ReturnType<typeof paddingProperty>;
17
- export declare const pb: ReturnType<typeof paddingProperty>;
18
- export declare const pl: ReturnType<typeof paddingProperty>;
19
- export declare const pr: ReturnType<typeof paddingProperty>;
20
- export declare const px: ReturnType<typeof paddingProperty>;
21
- export declare const py: ReturnType<typeof paddingProperty>;
22
- export declare const p: ReturnType<typeof paddingProperty>;
23
- declare const marginProperty: (property: "marginTop" | "marginRight" | "marginBottom" | "marginLeft") => (margin: StringEnumToNumeric<keyof typeof theme.margin> | NonNumeric<keyof typeof theme.margin>) => EmbedTemplateStyleDecl[];
24
- export declare const ml: ReturnType<typeof marginProperty>;
25
- export declare const mr: ReturnType<typeof marginProperty>;
26
- export declare const mt: ReturnType<typeof marginProperty>;
27
- export declare const mb: ReturnType<typeof marginProperty>;
28
- export declare const mx: ReturnType<typeof marginProperty>;
29
- export declare const my: ReturnType<typeof marginProperty>;
30
- export declare const m: ReturnType<typeof marginProperty>;
31
- export declare const w: (spacing: StringEnumToNumeric<keyof typeof theme.width> | NonNumeric<keyof typeof theme.width>) => EmbedTemplateStyleDecl[];
32
- export declare const h: (spacing: StringEnumToNumeric<keyof typeof theme.height> | NonNumeric<keyof typeof theme.height>) => EmbedTemplateStyleDecl[];
33
- export declare const minH: (spacing: StringEnumToNumeric<keyof typeof theme.minHeight>) => EmbedTemplateStyleDecl[];
34
- export declare const opacity: (opacity: StringEnumToNumeric<keyof typeof theme.opacity>) => EmbedTemplateStyleDecl[];
35
- export declare const cursor: (cursor: keyof typeof theme.cursor) => EmbedTemplateStyleDecl[];
36
- export declare const maxW: (spacing: StringEnumToNumeric<keyof typeof theme.maxWidth> | NonNumeric<keyof typeof theme.maxWidth>) => EmbedTemplateStyleDecl[];
37
- export declare const top: (spacing: StringEnumToNumeric<keyof typeof theme.inset> | NonNumeric<keyof typeof theme.inset>) => EmbedTemplateStyleDecl[];
38
- export declare const right: (spacing: StringEnumToNumeric<keyof typeof theme.inset> | NonNumeric<keyof typeof theme.inset>) => EmbedTemplateStyleDecl[];
39
- export declare const bottom: (spacing: StringEnumToNumeric<keyof typeof theme.inset> | NonNumeric<keyof typeof theme.inset>) => EmbedTemplateStyleDecl[];
40
- export declare const left: (spacing: StringEnumToNumeric<keyof typeof theme.inset> | NonNumeric<keyof typeof theme.inset>) => EmbedTemplateStyleDecl[];
41
- export declare const inset: (spacing: StringEnumToNumeric<keyof typeof theme.inset> | NonNumeric<keyof typeof theme.inset>) => EmbedTemplateStyleDecl[];
42
- export declare const aspect: (value: "auto" | "square" | "video") => EmbedTemplateStyleDecl[];
43
- export declare const backdropBlur: (blur: keyof typeof theme.blur) => EmbedTemplateStyleDecl[];
44
- export declare const list: (listStyle: keyof typeof theme.listStyleType) => EmbedTemplateStyleDecl[];
45
- export declare const select: (_selectValue: "none") => EmbedTemplateStyleDecl[];
46
- export declare const bg: (color: keyof typeof theme.colors, alpha?: number) => EmbedTemplateStyleDecl[];
47
- export declare const fixed: () => EmbedTemplateStyleDecl[];
48
- export declare const relative: () => EmbedTemplateStyleDecl[];
49
- export declare const absolute: () => EmbedTemplateStyleDecl[];
50
- export declare const grid: () => EmbedTemplateStyleDecl[];
51
- declare const alignItems: {
52
- readonly start: "flex-start";
53
- readonly end: "flex-end";
54
- readonly center: "center";
55
- readonly baseline: "baseline";
56
- readonly stretch: "stretch";
57
- };
58
- type AlignItems = keyof typeof alignItems;
59
- export declare const items: (alignItemsParam: AlignItems) => EmbedTemplateStyleDecl[];
60
- declare const justifyContent: {
61
- readonly start: "flex-start";
62
- readonly end: "flex-end";
63
- readonly center: "center";
64
- readonly between: "space-between";
65
- readonly around: "space-around";
66
- readonly evenly: "space-evenly";
67
- readonly stretch: "stretch";
68
- };
69
- type JustifyContent = keyof typeof justifyContent;
70
- export declare const justify: (justifyContentParam: JustifyContent) => EmbedTemplateStyleDecl[];
71
- export declare const inlineFlex: () => EmbedTemplateStyleDecl[];
72
- export declare const block: () => EmbedTemplateStyleDecl[];
73
- declare const flexDirection: {
74
- readonly row: "row";
75
- readonly col: "column";
76
- };
77
- type FlexDirection = keyof typeof flexDirection;
78
- type FlexSizing = 1 | "auto" | "initial" | "none";
79
- export declare const flex: (flexParam?: FlexDirection | FlexSizing) => EmbedTemplateStyleDecl[];
80
- export declare const grow: () => EmbedTemplateStyleDecl[];
81
- export declare const shrink: (value: number) => EmbedTemplateStyleDecl[];
82
- export declare const gap: (gapValue: StringEnumToNumeric<keyof typeof theme.spacing>) => EmbedTemplateStyleDecl[];
83
- export declare const lineClamp: (lineClampValue: StringEnumToNumeric<keyof typeof theme.lineClamp>) => EmbedTemplateStyleDecl[];
84
- export declare const leading: (lineHeight: StringEnumToNumeric<keyof typeof theme.lineHeight> | NonNumeric<keyof typeof theme.lineHeight>) => EmbedTemplateStyleDecl[];
85
- export declare const tracking: (letterSpacing: StringEnumToNumeric<keyof typeof theme.letterSpacing> | NonNumeric<keyof typeof theme.letterSpacing>) => EmbedTemplateStyleDecl[];
86
- export declare const outline: (_value: "none") => EmbedTemplateStyleDecl[];
87
- type TextSize = keyof typeof theme.fontSize;
88
- export declare const text: (sizeOrColor: TextSize | keyof typeof theme.colors) => EmbedTemplateStyleDecl[];
89
- export declare const noUnderline: () => EmbedTemplateStyleDecl[];
90
- export declare const underline: () => EmbedTemplateStyleDecl[];
91
- export declare const underlineOffset: (offset: StringEnumToNumeric<keyof typeof theme.textUnderlineOffset>) => EmbedTemplateStyleDecl[];
92
- export declare const font: (weight: "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black") => EmbedTemplateStyleDecl[];
93
- export declare const whitespace: (value: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap" | "break-spaces") => EmbedTemplateStyleDecl[];
94
- export declare const shadow: (shadowSize: keyof typeof theme.boxShadow) => EmbedTemplateStyleDecl[];
95
- export declare const ring: (ringColor: keyof typeof theme.colors, ringWidth: StringEnumToNumeric<keyof typeof theme.ringWidth>, ringOffsetColor?: keyof typeof theme.colors, ringOffsetWidth?: StringEnumToNumeric<keyof typeof theme.ringOffsetWidth>) => EmbedTemplateStyleDecl[];
96
- export declare const pointerEvents: (value: "none" | "auto") => EmbedTemplateStyleDecl[];
97
- export declare const transition: (value: "none" | "all" | "transform") => EmbedTemplateStyleDecl[];
98
- export declare const duration: (ms: number) => EmbedTemplateStyleDecl[];
99
- export declare const hover: (value: EmbedTemplateStyleDecl[]) => EmbedTemplateStyleDecl[];
100
- export declare const focus: (value: EmbedTemplateStyleDecl[]) => EmbedTemplateStyleDecl[];
101
- export declare const focusVisible: (value: EmbedTemplateStyleDecl[]) => EmbedTemplateStyleDecl[];
102
- export declare const disabled: (value: EmbedTemplateStyleDecl[]) => EmbedTemplateStyleDecl[];
103
- export declare const state: (value: EmbedTemplateStyleDecl[], state: string) => EmbedTemplateStyleDecl[];
104
- export {};
@@ -1,31 +0,0 @@
1
- /**
2
- * Variables source:
3
- * https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/themes.ts#L1
4
- * https://github.com/shadcn-ui/ui/blob/5e172fc34fdf015aa0d141f52cc8c082b8ae6613/apps/www/scripts/build-registry.ts#L220
5
- *
6
- * Attributions
7
- * MIT License
8
- * Copyright (c) 2023 shadcn
9
- **/
10
- export declare const colors: {
11
- readonly transparent: "transparent";
12
- readonly current: "currentColor";
13
- readonly inherit: "inherit";
14
- readonly popover: "rgb(255, 255, 255)";
15
- readonly popoverForeground: "rgb(2, 8, 23)";
16
- readonly border: "rgb(226, 232, 240)";
17
- readonly background: "rgb(255, 255, 255)";
18
- readonly foreground: "hsl(222.2 84% 4.9%)";
19
- readonly ring: "rgb(148, 163, 184)";
20
- readonly mutedForeground: "rgb(100, 116, 139)";
21
- readonly muted: "hsl(210 40% 96.1%)";
22
- readonly primary: "rgb(15, 23, 42)";
23
- readonly primaryForeground: "hsl(210 40% 98%)";
24
- readonly destructive: "rgb(239, 68, 68)";
25
- readonly destructiveForeground: "rgb(248, 250, 252)";
26
- readonly accent: "rgb(241, 245, 249)";
27
- readonly accentForeground: "rgb(15, 23, 42)";
28
- readonly input: "rgb(226, 232, 240)";
29
- readonly secondary: "rgb(241, 245, 249)";
30
- readonly secondaryForeground: "rgb(15, 23, 42)";
31
- };
@@ -1,15 +0,0 @@
1
- import * as TooltipPrimitive from "@radix-ui/react-tooltip";
2
- import { type Hook } from "@webstudio-is/react-sdk/runtime";
3
- import { type ReactNode } from "react";
4
- export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipProps, "defaultOpen"> & import("react").RefAttributes<HTMLDivElement>>;
5
- /**
6
- * We're not exposing the 'asChild' property for the Trigger.
7
- * Instead, we're enforcing 'asChild=true' for the Trigger and making it style-less.
8
- * This avoids situations where the Trigger inadvertently passes all styles to its child,
9
- * which would prevent us from displaying styles properly in the builder.
10
- */
11
- export declare const TooltipTrigger: import("react").ForwardRefExoticComponent<{
12
- children: ReactNode;
13
- } & import("react").RefAttributes<HTMLButtonElement>>;
14
- export declare const TooltipContent: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
15
- export declare const hooksTooltip: Hook;
@@ -1,15 +0,0 @@
1
- import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
2
- export declare const metaTooltipTrigger: WsComponentMeta;
3
- export declare const metaTooltipContent: WsComponentMeta;
4
- /**
5
- * Styles source without animations:
6
- * https://github.com/shadcn-ui/ui/blob/main/apps/www/registry/default/ui/tooltip.tsx
7
- *
8
- * Attributions
9
- * MIT License
10
- * Copyright (c) 2023 shadcn
11
- **/
12
- export declare const metaTooltip: WsComponentMeta;
13
- export declare const propsMetaTooltip: WsComponentPropsMeta;
14
- export declare const propsMetaTooltipTrigger: WsComponentPropsMeta;
15
- export declare const propsMetaTooltipContent: WsComponentPropsMeta;