@luxfi/ui 7.3.1 → 7.4.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 (59) hide show
  1. package/dist/alert.cjs +2 -2
  2. package/dist/alert.js +1 -1
  3. package/dist/badge.cjs +6 -6
  4. package/dist/badge.js +1 -1
  5. package/dist/bank.cjs +13 -13
  6. package/dist/bank.d.cts +30 -23
  7. package/dist/bank.d.ts +30 -23
  8. package/dist/bank.js +1 -1
  9. package/dist/button.cjs +3 -3
  10. package/dist/button.js +1 -1
  11. package/dist/close-button.cjs +2 -2
  12. package/dist/close-button.js +1 -1
  13. package/dist/dialog.cjs +13 -14
  14. package/dist/dialog.d.cts +58 -5
  15. package/dist/dialog.d.ts +58 -5
  16. package/dist/dialog.js +1 -2
  17. package/dist/drawer.cjs +2 -2
  18. package/dist/drawer.js +1 -1
  19. package/dist/icon-button.cjs +2 -2
  20. package/dist/icon-button.js +1 -1
  21. package/dist/index.cjs +127 -59
  22. package/dist/index.d.cts +6 -2
  23. package/dist/index.d.ts +6 -2
  24. package/dist/index.js +85 -22
  25. package/dist/input.cjs +10 -2
  26. package/dist/input.d.cts +8 -0
  27. package/dist/input.d.ts +8 -0
  28. package/dist/input.js +10 -2
  29. package/dist/lux.config.cjs +56 -0
  30. package/dist/lux.config.d.cts +415 -0
  31. package/dist/lux.config.d.ts +415 -0
  32. package/dist/lux.config.js +48 -0
  33. package/dist/popover.cjs +8 -9
  34. package/dist/popover.js +1 -2
  35. package/dist/provider.cjs +62 -12
  36. package/dist/provider.d.cts +3 -2
  37. package/dist/provider.d.ts +3 -2
  38. package/dist/provider.js +62 -12
  39. package/dist/tag.cjs +7 -8
  40. package/dist/tag.js +1 -2
  41. package/dist/textarea.cjs +10 -2
  42. package/dist/textarea.d.cts +2 -0
  43. package/dist/textarea.d.ts +2 -0
  44. package/dist/textarea.js +10 -2
  45. package/dist/tooltip.cjs +6 -6
  46. package/dist/tooltip.js +1 -1
  47. package/package.json +24 -12
  48. package/src/bank.tsx +2 -2
  49. package/src/button.tsx +1 -1
  50. package/src/close-button.tsx +1 -1
  51. package/src/dialog.tsx +1 -1
  52. package/src/icon-button.tsx +1 -1
  53. package/src/index.ts +6 -0
  54. package/src/input.tsx +17 -1
  55. package/src/lux.config.ts +81 -0
  56. package/src/popover.tsx +1 -1
  57. package/src/provider.tsx +51 -15
  58. package/src/textarea.tsx +11 -1
  59. package/src/tooltip.tsx +2 -2
@@ -0,0 +1,415 @@
1
+ import * as _hanzogui_web from '@hanzogui/web';
2
+ import * as _hanzogui_themes_v5 from '@hanzogui/themes/v5';
3
+
4
+ declare const LUX_BRAND: {
5
+ readonly lux: "#7000FF";
6
+ readonly zoo: "#6C5EFB";
7
+ readonly hanzo: "#EA580C";
8
+ readonly pars: "#1C3879";
9
+ };
10
+ declare const PARS_GOLD = "#C8A45C";
11
+ type LuxBrand = keyof typeof LUX_BRAND;
12
+ declare const luxThemes: {
13
+ dark: _hanzogui_themes_v5.V5Theme;
14
+ dark_lux: _hanzogui_themes_v5.V5Theme;
15
+ dark_zoo: _hanzogui_themes_v5.V5Theme;
16
+ dark_hanzo: _hanzogui_themes_v5.V5Theme;
17
+ dark_pars: _hanzogui_themes_v5.V5Theme;
18
+ };
19
+ declare const config: _hanzogui_web.GuiInternalConfig<{
20
+ readonly radius: {
21
+ 0: number;
22
+ 1: number;
23
+ 2: number;
24
+ 3: number;
25
+ 4: number;
26
+ true: number;
27
+ 5: number;
28
+ 6: number;
29
+ 7: number;
30
+ 8: number;
31
+ 9: number;
32
+ 10: number;
33
+ 11: number;
34
+ 12: number;
35
+ };
36
+ readonly zIndex: {
37
+ 0: number;
38
+ 1: number;
39
+ 2: number;
40
+ 3: number;
41
+ 4: number;
42
+ 5: number;
43
+ };
44
+ readonly space: {
45
+ 0: number;
46
+ 0.25: number;
47
+ 0.5: number;
48
+ 0.75: number;
49
+ 1: number;
50
+ 1.5: number;
51
+ 2: number;
52
+ 2.5: number;
53
+ 3: number;
54
+ 3.5: number;
55
+ 4: number;
56
+ true: number;
57
+ 4.5: number;
58
+ 5: number;
59
+ 6: number;
60
+ 7: number;
61
+ 8: number;
62
+ 9: number;
63
+ 10: number;
64
+ 11: number;
65
+ 12: number;
66
+ 13: number;
67
+ 14: number;
68
+ 15: number;
69
+ 16: number;
70
+ 17: number;
71
+ 18: number;
72
+ 19: number;
73
+ 20: number;
74
+ [-0.25]: number;
75
+ [-0.5]: number;
76
+ [-0.75]: number;
77
+ [-1]: number;
78
+ [-1.5]: number;
79
+ [-2]: number;
80
+ [-2.5]: number;
81
+ [-3]: number;
82
+ [-3.5]: number;
83
+ [-4]: number;
84
+ "-true": number;
85
+ [-4.5]: number;
86
+ [-5]: number;
87
+ [-6]: number;
88
+ [-7]: number;
89
+ [-8]: number;
90
+ [-9]: number;
91
+ [-10]: number;
92
+ [-11]: number;
93
+ [-12]: number;
94
+ [-13]: number;
95
+ [-14]: number;
96
+ [-15]: number;
97
+ [-16]: number;
98
+ [-17]: number;
99
+ [-18]: number;
100
+ [-19]: number;
101
+ [-20]: number;
102
+ };
103
+ readonly size: {
104
+ $0: number;
105
+ "$0.25": number;
106
+ "$0.5": number;
107
+ "$0.75": number;
108
+ $1: number;
109
+ "$1.5": number;
110
+ $2: number;
111
+ "$2.5": number;
112
+ $3: number;
113
+ "$3.5": number;
114
+ $4: number;
115
+ $true: number;
116
+ "$4.5": number;
117
+ $5: number;
118
+ $6: number;
119
+ $7: number;
120
+ $8: number;
121
+ $9: number;
122
+ $10: number;
123
+ $11: number;
124
+ $12: number;
125
+ $13: number;
126
+ $14: number;
127
+ $15: number;
128
+ $16: number;
129
+ $17: number;
130
+ $18: number;
131
+ $19: number;
132
+ $20: number;
133
+ };
134
+ }, {
135
+ dark: _hanzogui_themes_v5.V5Theme;
136
+ dark_lux: _hanzogui_themes_v5.V5Theme;
137
+ dark_zoo: _hanzogui_themes_v5.V5Theme;
138
+ dark_hanzo: _hanzogui_themes_v5.V5Theme;
139
+ dark_pars: _hanzogui_themes_v5.V5Theme;
140
+ light: _hanzogui_themes_v5.V5Theme;
141
+ light_accent: _hanzogui_themes_v5.V5Theme;
142
+ dark_accent: _hanzogui_themes_v5.V5Theme;
143
+ light_black: _hanzogui_themes_v5.V5Theme;
144
+ light_white: _hanzogui_themes_v5.V5Theme;
145
+ light_gray: _hanzogui_themes_v5.V5Theme;
146
+ light_blue: _hanzogui_themes_v5.V5Theme;
147
+ light_red: _hanzogui_themes_v5.V5Theme;
148
+ light_yellow: _hanzogui_themes_v5.V5Theme;
149
+ light_green: _hanzogui_themes_v5.V5Theme;
150
+ light_orange: _hanzogui_themes_v5.V5Theme;
151
+ light_pink: _hanzogui_themes_v5.V5Theme;
152
+ light_purple: _hanzogui_themes_v5.V5Theme;
153
+ light_teal: _hanzogui_themes_v5.V5Theme;
154
+ light_neutral: _hanzogui_themes_v5.V5Theme;
155
+ dark_black: _hanzogui_themes_v5.V5Theme;
156
+ dark_white: _hanzogui_themes_v5.V5Theme;
157
+ dark_gray: _hanzogui_themes_v5.V5Theme;
158
+ dark_blue: _hanzogui_themes_v5.V5Theme;
159
+ dark_red: _hanzogui_themes_v5.V5Theme;
160
+ dark_yellow: _hanzogui_themes_v5.V5Theme;
161
+ dark_green: _hanzogui_themes_v5.V5Theme;
162
+ dark_orange: _hanzogui_themes_v5.V5Theme;
163
+ dark_pink: _hanzogui_themes_v5.V5Theme;
164
+ dark_purple: _hanzogui_themes_v5.V5Theme;
165
+ dark_teal: _hanzogui_themes_v5.V5Theme;
166
+ dark_neutral: _hanzogui_themes_v5.V5Theme;
167
+ light_surface1: _hanzogui_themes_v5.V5Theme;
168
+ light_white_surface1: _hanzogui_themes_v5.V5Theme;
169
+ light_surface2: _hanzogui_themes_v5.V5Theme;
170
+ light_white_surface2: _hanzogui_themes_v5.V5Theme;
171
+ dark_surface1: _hanzogui_themes_v5.V5Theme;
172
+ dark_black_surface1: _hanzogui_themes_v5.V5Theme;
173
+ dark_surface2: _hanzogui_themes_v5.V5Theme;
174
+ dark_black_surface2: _hanzogui_themes_v5.V5Theme;
175
+ light_black_accent: _hanzogui_themes_v5.V5Theme;
176
+ light_black_surface1: _hanzogui_themes_v5.V5Theme;
177
+ light_black_surface2: _hanzogui_themes_v5.V5Theme;
178
+ light_white_accent: _hanzogui_themes_v5.V5Theme;
179
+ light_gray_accent: _hanzogui_themes_v5.V5Theme;
180
+ light_gray_surface1: _hanzogui_themes_v5.V5Theme;
181
+ light_gray_surface2: _hanzogui_themes_v5.V5Theme;
182
+ light_blue_accent: _hanzogui_themes_v5.V5Theme;
183
+ light_blue_surface1: _hanzogui_themes_v5.V5Theme;
184
+ light_blue_surface2: _hanzogui_themes_v5.V5Theme;
185
+ light_red_accent: _hanzogui_themes_v5.V5Theme;
186
+ light_red_surface1: _hanzogui_themes_v5.V5Theme;
187
+ light_red_surface2: _hanzogui_themes_v5.V5Theme;
188
+ light_yellow_accent: _hanzogui_themes_v5.V5Theme;
189
+ light_yellow_surface1: _hanzogui_themes_v5.V5Theme;
190
+ light_yellow_surface2: _hanzogui_themes_v5.V5Theme;
191
+ light_green_accent: _hanzogui_themes_v5.V5Theme;
192
+ light_green_surface1: _hanzogui_themes_v5.V5Theme;
193
+ light_green_surface2: _hanzogui_themes_v5.V5Theme;
194
+ light_orange_accent: _hanzogui_themes_v5.V5Theme;
195
+ light_orange_surface1: _hanzogui_themes_v5.V5Theme;
196
+ light_orange_surface2: _hanzogui_themes_v5.V5Theme;
197
+ light_pink_accent: _hanzogui_themes_v5.V5Theme;
198
+ light_pink_surface1: _hanzogui_themes_v5.V5Theme;
199
+ light_pink_surface2: _hanzogui_themes_v5.V5Theme;
200
+ light_purple_accent: _hanzogui_themes_v5.V5Theme;
201
+ light_purple_surface1: _hanzogui_themes_v5.V5Theme;
202
+ light_purple_surface2: _hanzogui_themes_v5.V5Theme;
203
+ light_teal_accent: _hanzogui_themes_v5.V5Theme;
204
+ light_teal_surface1: _hanzogui_themes_v5.V5Theme;
205
+ light_teal_surface2: _hanzogui_themes_v5.V5Theme;
206
+ light_neutral_accent: _hanzogui_themes_v5.V5Theme;
207
+ light_neutral_surface1: _hanzogui_themes_v5.V5Theme;
208
+ light_neutral_surface2: _hanzogui_themes_v5.V5Theme;
209
+ dark_black_accent: _hanzogui_themes_v5.V5Theme;
210
+ dark_white_accent: _hanzogui_themes_v5.V5Theme;
211
+ dark_white_surface1: _hanzogui_themes_v5.V5Theme;
212
+ dark_white_surface2: _hanzogui_themes_v5.V5Theme;
213
+ dark_gray_accent: _hanzogui_themes_v5.V5Theme;
214
+ dark_gray_surface1: _hanzogui_themes_v5.V5Theme;
215
+ dark_gray_surface2: _hanzogui_themes_v5.V5Theme;
216
+ dark_blue_accent: _hanzogui_themes_v5.V5Theme;
217
+ dark_blue_surface1: _hanzogui_themes_v5.V5Theme;
218
+ dark_blue_surface2: _hanzogui_themes_v5.V5Theme;
219
+ dark_red_accent: _hanzogui_themes_v5.V5Theme;
220
+ dark_red_surface1: _hanzogui_themes_v5.V5Theme;
221
+ dark_red_surface2: _hanzogui_themes_v5.V5Theme;
222
+ dark_yellow_accent: _hanzogui_themes_v5.V5Theme;
223
+ dark_yellow_surface1: _hanzogui_themes_v5.V5Theme;
224
+ dark_yellow_surface2: _hanzogui_themes_v5.V5Theme;
225
+ dark_green_accent: _hanzogui_themes_v5.V5Theme;
226
+ dark_green_surface1: _hanzogui_themes_v5.V5Theme;
227
+ dark_green_surface2: _hanzogui_themes_v5.V5Theme;
228
+ dark_orange_accent: _hanzogui_themes_v5.V5Theme;
229
+ dark_orange_surface1: _hanzogui_themes_v5.V5Theme;
230
+ dark_orange_surface2: _hanzogui_themes_v5.V5Theme;
231
+ dark_pink_accent: _hanzogui_themes_v5.V5Theme;
232
+ dark_pink_surface1: _hanzogui_themes_v5.V5Theme;
233
+ dark_pink_surface2: _hanzogui_themes_v5.V5Theme;
234
+ dark_purple_accent: _hanzogui_themes_v5.V5Theme;
235
+ dark_purple_surface1: _hanzogui_themes_v5.V5Theme;
236
+ dark_purple_surface2: _hanzogui_themes_v5.V5Theme;
237
+ dark_teal_accent: _hanzogui_themes_v5.V5Theme;
238
+ dark_teal_surface1: _hanzogui_themes_v5.V5Theme;
239
+ dark_teal_surface2: _hanzogui_themes_v5.V5Theme;
240
+ dark_neutral_accent: _hanzogui_themes_v5.V5Theme;
241
+ dark_neutral_surface1: _hanzogui_themes_v5.V5Theme;
242
+ dark_neutral_surface2: _hanzogui_themes_v5.V5Theme;
243
+ }, {
244
+ text: "textAlign";
245
+ b: "bottom";
246
+ bg: "backgroundColor";
247
+ content: "alignContent";
248
+ grow: "flexGrow";
249
+ items: "alignItems";
250
+ justify: "justifyContent";
251
+ l: "left";
252
+ m: "margin";
253
+ maxH: "maxHeight";
254
+ maxW: "maxWidth";
255
+ mb: "marginBottom";
256
+ minH: "minHeight";
257
+ minW: "minWidth";
258
+ ml: "marginLeft";
259
+ mr: "marginRight";
260
+ mt: "marginTop";
261
+ mx: "marginHorizontal";
262
+ my: "marginVertical";
263
+ p: "padding";
264
+ pb: "paddingBottom";
265
+ pl: "paddingLeft";
266
+ pr: "paddingRight";
267
+ pt: "paddingTop";
268
+ px: "paddingHorizontal";
269
+ py: "paddingVertical";
270
+ r: "right";
271
+ rounded: "borderRadius";
272
+ select: "userSelect";
273
+ self: "alignSelf";
274
+ shrink: "flexShrink";
275
+ t: "top";
276
+ z: "zIndex";
277
+ }, {
278
+ readonly touchable: {
279
+ pointer: string;
280
+ };
281
+ readonly hoverable: {
282
+ hover: string;
283
+ };
284
+ readonly 'max-xxl': {
285
+ readonly maxWidth: number;
286
+ };
287
+ readonly 'max-xl': {
288
+ readonly maxWidth: number;
289
+ };
290
+ readonly 'max-lg': {
291
+ readonly maxWidth: number;
292
+ };
293
+ readonly 'max-md': {
294
+ readonly maxWidth: number;
295
+ };
296
+ readonly 'max-sm': {
297
+ readonly maxWidth: number;
298
+ };
299
+ readonly 'max-xs': {
300
+ readonly maxWidth: number;
301
+ };
302
+ readonly 'max-xxs': {
303
+ readonly maxWidth: number;
304
+ };
305
+ readonly 'max-xxxs': {
306
+ readonly maxWidth: number;
307
+ };
308
+ readonly 'max-200': {
309
+ readonly maxWidth: number;
310
+ };
311
+ readonly 'max-100': {
312
+ readonly maxWidth: number;
313
+ };
314
+ readonly xxxs: {
315
+ readonly minWidth: number;
316
+ };
317
+ readonly xxs: {
318
+ readonly minWidth: number;
319
+ };
320
+ readonly xs: {
321
+ readonly minWidth: number;
322
+ };
323
+ readonly sm: {
324
+ readonly minWidth: number;
325
+ };
326
+ readonly md: {
327
+ readonly minWidth: number;
328
+ };
329
+ readonly lg: {
330
+ readonly minWidth: number;
331
+ };
332
+ readonly xl: {
333
+ readonly minWidth: number;
334
+ };
335
+ readonly xxl: {
336
+ readonly minWidth: number;
337
+ };
338
+ readonly 'max-height-lg': {
339
+ readonly maxHeight: number;
340
+ };
341
+ readonly 'max-height-md': {
342
+ readonly maxHeight: number;
343
+ };
344
+ readonly 'max-height-sm': {
345
+ readonly maxHeight: number;
346
+ };
347
+ readonly 'max-height-xs': {
348
+ readonly maxHeight: number;
349
+ };
350
+ readonly 'max-height-xxs': {
351
+ readonly maxHeight: number;
352
+ };
353
+ readonly 'max-height-xxxs': {
354
+ readonly maxHeight: number;
355
+ };
356
+ readonly 'max-height-200': {
357
+ readonly maxHeight: number;
358
+ };
359
+ readonly 'max-height-100': {
360
+ readonly maxHeight: number;
361
+ };
362
+ readonly 'height-sm': {
363
+ readonly minHeight: number;
364
+ };
365
+ readonly 'height-md': {
366
+ readonly minHeight: number;
367
+ };
368
+ readonly 'height-lg': {
369
+ readonly minHeight: number;
370
+ };
371
+ }, {}, {
372
+ body: _hanzogui_web.FillInFont<_hanzogui_web.GenericFont, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 11 | 12 | 14 | 4 | 7 | 8 | 13 | "true">;
373
+ heading: _hanzogui_web.FillInFont<_hanzogui_web.GenericFont, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 11 | 12 | 14 | 4 | 7 | 8 | 13 | "true">;
374
+ }, {
375
+ onlyAllowShorthands: false;
376
+ mediaQueryDefaultActive: {
377
+ touchable: boolean;
378
+ hoverable: boolean;
379
+ "max-xxl": boolean;
380
+ "max-xl": boolean;
381
+ "max-lg": boolean;
382
+ "max-md": boolean;
383
+ "max-sm": boolean;
384
+ "max-xs": boolean;
385
+ "max-xxs": boolean;
386
+ "max-xxxs": boolean;
387
+ xxxs: boolean;
388
+ xxs: boolean;
389
+ xs: boolean;
390
+ sm: boolean;
391
+ md: boolean;
392
+ lg: boolean;
393
+ xl: boolean;
394
+ xxl: boolean;
395
+ "max-height-sm": boolean;
396
+ "max-height-md": boolean;
397
+ "max-height-lg": boolean;
398
+ "height-sm": boolean;
399
+ "height-md": boolean;
400
+ "height-lg": boolean;
401
+ };
402
+ defaultFont: string;
403
+ fastSchemeChange: true;
404
+ shouldAddPrefersColorThemes: true;
405
+ allowedStyleValues: "somewhat-strict-web";
406
+ addThemeClassName: "html";
407
+ styleCompat: "react-native";
408
+ }, "default">;
409
+ type Conf = typeof config;
410
+ declare module '@hanzo/gui' {
411
+ interface GuiCustomConfig extends Conf {
412
+ }
413
+ }
414
+
415
+ export { type Conf, LUX_BRAND, type LuxBrand, PARS_GOLD, config, config as default, luxThemes };