@paygreen/pgui 2.14.10 → 3.0.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 (159) hide show
  1. package/README.md +128 -59
  2. package/dist/components/actions-button/actions-button.d.ts +21 -0
  3. package/dist/components/data-list/datalist.d.ts +87 -0
  4. package/dist/components/data-table/data-table.d.ts +67 -0
  5. package/dist/components/date-picker/date-picker.d.ts +43 -0
  6. package/dist/components/field-wrapper/field-wrapper.d.ts +50 -0
  7. package/dist/components/index.d.ts +19 -0
  8. package/dist/components/input/input.d.ts +24 -0
  9. package/dist/components/input-mask/input-mask.d.ts +28 -0
  10. package/dist/components/input-password/input-password.d.ts +34 -0
  11. package/dist/components/input-phone/input-phone.d.ts +62 -0
  12. package/dist/components/input-phone/partials/search-on-list.d.ts +61 -0
  13. package/dist/components/input-search/input-search.d.ts +14 -0
  14. package/dist/components/loader/loader.d.ts +25 -0
  15. package/dist/components/logos/logoPaygreenByLemonway.d.ts +25 -0
  16. package/dist/components/modal/modal.d.ts +79 -0
  17. package/dist/components/pagination/pagination.d.ts +36 -0
  18. package/dist/components/select/select.d.ts +64 -0
  19. package/dist/components/sidebar/sidebar.d.ts +117 -0
  20. package/dist/components/tooltip/tooltip.d.ts +11 -0
  21. package/dist/components/ui/color-mode.d.ts +21 -0
  22. package/dist/components/ui/toaster.d.ts +2 -0
  23. package/dist/hooks/scroll-shadow.d.ts +7 -0
  24. package/dist/hooks/use-data-table.d.ts +12 -0
  25. package/dist/index.d.ts +2 -352
  26. package/dist/index.js +48 -0
  27. package/dist/index.mjs +9402 -0
  28. package/dist/pgui.css +1 -0
  29. package/dist/theme/index.d.ts +2 -0
  30. package/dist/theme/recipes/alert-recipe.d.ts +2 -0
  31. package/dist/theme/recipes/card-recipe.d.ts +15 -0
  32. package/dist/theme/recipes/index.d.ts +4 -0
  33. package/dist/theme/recipes/text-recipe.d.ts +2 -0
  34. package/dist/theme/semanticTokens/colors.d.ts +399 -0
  35. package/dist/theme/semanticTokens/index.d.ts +401 -0
  36. package/dist/theme/tokens/colors.d.ts +317 -0
  37. package/dist/theme/tokens/font-sizes.d.ts +42 -0
  38. package/dist/theme/tokens/fonts.d.ts +12 -0
  39. package/dist/theme/tokens/index.d.ts +465 -0
  40. package/dist/theme/tokens/radii.d.ts +39 -0
  41. package/dist/theme/tokens/sizes.d.ts +57 -0
  42. package/package.json +93 -104
  43. package/src/components/date-picker/date-picker.css +225 -0
  44. package/src/components/select/select.css +99 -0
  45. package/src/styles/index.css +12 -0
  46. package/dist/cjs/index.js +0 -60887
  47. package/dist/cjs/index.js.map +0 -1
  48. package/dist/cjs/types/components/ActionsButton/index.d.ts +0 -6
  49. package/dist/cjs/types/components/Card/index.d.ts +0 -3
  50. package/dist/cjs/types/components/ConfirmMenuItem/index.d.ts +0 -13
  51. package/dist/cjs/types/components/DataList/index.d.ts +0 -42
  52. package/dist/cjs/types/components/FormGroup/index.d.ts +0 -12
  53. package/dist/cjs/types/components/InputDayPicker/index.d.ts +0 -20
  54. package/dist/cjs/types/components/InputPhone/SearchOnList.d.ts +0 -19
  55. package/dist/cjs/types/components/InputPhone/index.d.ts +0 -12
  56. package/dist/cjs/types/components/InputRangePicker/index.d.ts +0 -25
  57. package/dist/cjs/types/components/ModalResponsive/index.d.ts +0 -5
  58. package/dist/cjs/types/components/Pagination/index.d.ts +0 -43
  59. package/dist/cjs/types/components/SearchInput/index.d.ts +0 -12
  60. package/dist/cjs/types/components/Select/index.d.ts +0 -120
  61. package/dist/cjs/types/components/Textarea/index.d.ts +0 -8
  62. package/dist/cjs/types/components/index.d.ts +0 -12
  63. package/dist/cjs/types/hooks/useClickOutside.d.ts +0 -3
  64. package/dist/cjs/types/index.d.ts +0 -4
  65. package/dist/cjs/types/layout/BottomBar/index.d.ts +0 -3
  66. package/dist/cjs/types/layout/LayoutContainer/index.d.ts +0 -3
  67. package/dist/cjs/types/layout/SideNav/index.d.ts +0 -21
  68. package/dist/cjs/types/layout/TopBar/index.d.ts +0 -10
  69. package/dist/cjs/types/layout/index.d.ts +0 -4
  70. package/dist/cjs/types/theme/components/alert.d.ts +0 -9
  71. package/dist/cjs/types/theme/components/badge.d.ts +0 -9
  72. package/dist/cjs/types/theme/components/button.d.ts +0 -163
  73. package/dist/cjs/types/theme/components/checkbox.d.ts +0 -11
  74. package/dist/cjs/types/theme/components/drawer.d.ts +0 -6
  75. package/dist/cjs/types/theme/components/form.d.ts +0 -8
  76. package/dist/cjs/types/theme/components/index.d.ts +0 -16
  77. package/dist/cjs/types/theme/components/input.d.ts +0 -58
  78. package/dist/cjs/types/theme/components/menu.d.ts +0 -9
  79. package/dist/cjs/types/theme/components/number-input.d.ts +0 -54
  80. package/dist/cjs/types/theme/components/pin-input.d.ts +0 -42
  81. package/dist/cjs/types/theme/components/radio.d.ts +0 -6
  82. package/dist/cjs/types/theme/components/slider.d.ts +0 -6
  83. package/dist/cjs/types/theme/components/switch.d.ts +0 -6
  84. package/dist/cjs/types/theme/components/tag.d.ts +0 -14
  85. package/dist/cjs/types/theme/components/textarea.d.ts +0 -54
  86. package/dist/cjs/types/theme/components/tooltip.d.ts +0 -8
  87. package/dist/cjs/types/theme/foundations/colors.d.ts +0 -66
  88. package/dist/cjs/types/theme/foundations/index.d.ts +0 -129
  89. package/dist/cjs/types/theme/foundations/radius.d.ts +0 -11
  90. package/dist/cjs/types/theme/foundations/shadows.d.ts +0 -10
  91. package/dist/cjs/types/theme/foundations/sizes.d.ts +0 -21
  92. package/dist/cjs/types/theme/foundations/typography.d.ts +0 -21
  93. package/dist/cjs/types/theme/index.d.ts +0 -1
  94. package/dist/cjs/types/theme/rawStyle/chakraStyle.d.ts +0 -2
  95. package/dist/cjs/types/theme/rawStyle/index.d.ts +0 -3
  96. package/dist/cjs/types/theme/rawStyle/reactDayPicker.d.ts +0 -23
  97. package/dist/cjs/types/theme/rawStyle/scrollbarStyles.d.ts +0 -11
  98. package/dist/cjs/types/theme/styles.d.ts +0 -2
  99. package/dist/cjs/types/theme/theme.d.ts +0 -1
  100. package/dist/cjs/types/utils/date.d.ts +0 -1
  101. package/dist/cjs/types/utils/index.d.ts +0 -2
  102. package/dist/cjs/types/utils/responsive.d.ts +0 -1
  103. package/dist/esm/index.js +0 -60814
  104. package/dist/esm/index.js.map +0 -1
  105. package/dist/esm/types/components/ActionsButton/index.d.ts +0 -6
  106. package/dist/esm/types/components/Card/index.d.ts +0 -3
  107. package/dist/esm/types/components/ConfirmMenuItem/index.d.ts +0 -13
  108. package/dist/esm/types/components/DataList/index.d.ts +0 -42
  109. package/dist/esm/types/components/FormGroup/index.d.ts +0 -12
  110. package/dist/esm/types/components/InputDayPicker/index.d.ts +0 -20
  111. package/dist/esm/types/components/InputPhone/SearchOnList.d.ts +0 -19
  112. package/dist/esm/types/components/InputPhone/index.d.ts +0 -12
  113. package/dist/esm/types/components/InputRangePicker/index.d.ts +0 -25
  114. package/dist/esm/types/components/ModalResponsive/index.d.ts +0 -5
  115. package/dist/esm/types/components/Pagination/index.d.ts +0 -43
  116. package/dist/esm/types/components/SearchInput/index.d.ts +0 -12
  117. package/dist/esm/types/components/Select/index.d.ts +0 -120
  118. package/dist/esm/types/components/Textarea/index.d.ts +0 -8
  119. package/dist/esm/types/components/index.d.ts +0 -12
  120. package/dist/esm/types/hooks/useClickOutside.d.ts +0 -3
  121. package/dist/esm/types/index.d.ts +0 -4
  122. package/dist/esm/types/layout/BottomBar/index.d.ts +0 -3
  123. package/dist/esm/types/layout/LayoutContainer/index.d.ts +0 -3
  124. package/dist/esm/types/layout/SideNav/index.d.ts +0 -21
  125. package/dist/esm/types/layout/TopBar/index.d.ts +0 -10
  126. package/dist/esm/types/layout/index.d.ts +0 -4
  127. package/dist/esm/types/theme/components/alert.d.ts +0 -9
  128. package/dist/esm/types/theme/components/badge.d.ts +0 -9
  129. package/dist/esm/types/theme/components/button.d.ts +0 -163
  130. package/dist/esm/types/theme/components/checkbox.d.ts +0 -11
  131. package/dist/esm/types/theme/components/drawer.d.ts +0 -6
  132. package/dist/esm/types/theme/components/form.d.ts +0 -8
  133. package/dist/esm/types/theme/components/index.d.ts +0 -16
  134. package/dist/esm/types/theme/components/input.d.ts +0 -58
  135. package/dist/esm/types/theme/components/menu.d.ts +0 -9
  136. package/dist/esm/types/theme/components/number-input.d.ts +0 -54
  137. package/dist/esm/types/theme/components/pin-input.d.ts +0 -42
  138. package/dist/esm/types/theme/components/radio.d.ts +0 -6
  139. package/dist/esm/types/theme/components/slider.d.ts +0 -6
  140. package/dist/esm/types/theme/components/switch.d.ts +0 -6
  141. package/dist/esm/types/theme/components/tag.d.ts +0 -14
  142. package/dist/esm/types/theme/components/textarea.d.ts +0 -54
  143. package/dist/esm/types/theme/components/tooltip.d.ts +0 -8
  144. package/dist/esm/types/theme/foundations/colors.d.ts +0 -66
  145. package/dist/esm/types/theme/foundations/index.d.ts +0 -129
  146. package/dist/esm/types/theme/foundations/radius.d.ts +0 -11
  147. package/dist/esm/types/theme/foundations/shadows.d.ts +0 -10
  148. package/dist/esm/types/theme/foundations/sizes.d.ts +0 -21
  149. package/dist/esm/types/theme/foundations/typography.d.ts +0 -21
  150. package/dist/esm/types/theme/index.d.ts +0 -1
  151. package/dist/esm/types/theme/rawStyle/chakraStyle.d.ts +0 -2
  152. package/dist/esm/types/theme/rawStyle/index.d.ts +0 -3
  153. package/dist/esm/types/theme/rawStyle/reactDayPicker.d.ts +0 -23
  154. package/dist/esm/types/theme/rawStyle/scrollbarStyles.d.ts +0 -11
  155. package/dist/esm/types/theme/styles.d.ts +0 -2
  156. package/dist/esm/types/theme/theme.d.ts +0 -1
  157. package/dist/esm/types/utils/date.d.ts +0 -1
  158. package/dist/esm/types/utils/index.d.ts +0 -2
  159. package/dist/esm/types/utils/responsive.d.ts +0 -1
@@ -0,0 +1,42 @@
1
+ declare const fontSizes: {
2
+ max: {
3
+ value: string;
4
+ };
5
+ min: {
6
+ value: string;
7
+ };
8
+ '2xs': {
9
+ value: string;
10
+ };
11
+ xs: {
12
+ value: string;
13
+ };
14
+ sm: {
15
+ value: string;
16
+ };
17
+ md: {
18
+ value: string;
19
+ };
20
+ lg: {
21
+ value: string;
22
+ };
23
+ xl: {
24
+ value: string;
25
+ };
26
+ '2xl': {
27
+ value: string;
28
+ };
29
+ '3xl': {
30
+ value: string;
31
+ };
32
+ '4xl': {
33
+ value: string;
34
+ };
35
+ '5xl': {
36
+ value: string;
37
+ };
38
+ '6xl': {
39
+ value: string;
40
+ };
41
+ };
42
+ export default fontSizes;
@@ -0,0 +1,12 @@
1
+ declare const fonts: {
2
+ heading: {
3
+ value: string;
4
+ };
5
+ body: {
6
+ value: string;
7
+ };
8
+ mono: {
9
+ value: string;
10
+ };
11
+ };
12
+ export default fonts;
@@ -0,0 +1,465 @@
1
+ declare const themeTokens: {
2
+ radii: {
3
+ none: {
4
+ value: string;
5
+ };
6
+ '3xs': {
7
+ value: string;
8
+ };
9
+ '2xs': {
10
+ value: string;
11
+ };
12
+ xs: {
13
+ value: string;
14
+ };
15
+ sm: {
16
+ value: string;
17
+ };
18
+ md: {
19
+ value: string;
20
+ };
21
+ lg: {
22
+ value: string;
23
+ };
24
+ xl: {
25
+ value: string;
26
+ };
27
+ '2xl': {
28
+ value: string;
29
+ };
30
+ '3xl': {
31
+ value: string;
32
+ };
33
+ '4xl': {
34
+ value: string;
35
+ };
36
+ full: {
37
+ value: string;
38
+ };
39
+ };
40
+ colors: {
41
+ lm_cello: {
42
+ 0: {
43
+ value: string;
44
+ };
45
+ 5: {
46
+ value: string;
47
+ };
48
+ 10: {
49
+ value: string;
50
+ };
51
+ 20: {
52
+ value: string;
53
+ };
54
+ 30: {
55
+ value: string;
56
+ };
57
+ 35: {
58
+ value: string;
59
+ };
60
+ 40: {
61
+ value: string;
62
+ };
63
+ 50: {
64
+ value: string;
65
+ };
66
+ 60: {
67
+ value: string;
68
+ };
69
+ 70: {
70
+ value: string;
71
+ };
72
+ 75: {
73
+ value: string;
74
+ };
75
+ 80: {
76
+ value: string;
77
+ };
78
+ 85: {
79
+ value: string;
80
+ };
81
+ 90: {
82
+ value: string;
83
+ };
84
+ 95: {
85
+ value: string;
86
+ };
87
+ 100: {
88
+ value: string;
89
+ };
90
+ };
91
+ lm_gray: {
92
+ 0: {
93
+ value: string;
94
+ };
95
+ 10: {
96
+ value: string;
97
+ };
98
+ 20: {
99
+ value: string;
100
+ };
101
+ 30: {
102
+ value: string;
103
+ };
104
+ 35: {
105
+ value: string;
106
+ };
107
+ 40: {
108
+ value: string;
109
+ };
110
+ 50: {
111
+ value: string;
112
+ };
113
+ 60: {
114
+ value: string;
115
+ };
116
+ 70: {
117
+ value: string;
118
+ };
119
+ 75: {
120
+ value: string;
121
+ };
122
+ 80: {
123
+ value: string;
124
+ };
125
+ 85: {
126
+ value: string;
127
+ };
128
+ 90: {
129
+ value: string;
130
+ };
131
+ 100: {
132
+ value: string;
133
+ };
134
+ };
135
+ lm_green: {
136
+ 0: {
137
+ value: string;
138
+ };
139
+ 10: {
140
+ value: string;
141
+ };
142
+ 20: {
143
+ value: string;
144
+ };
145
+ 30: {
146
+ value: string;
147
+ };
148
+ 35: {
149
+ value: string;
150
+ };
151
+ 40: {
152
+ value: string;
153
+ };
154
+ 50: {
155
+ value: string;
156
+ };
157
+ 60: {
158
+ value: string;
159
+ };
160
+ 70: {
161
+ value: string;
162
+ };
163
+ 75: {
164
+ value: string;
165
+ };
166
+ 80: {
167
+ value: string;
168
+ };
169
+ 85: {
170
+ value: string;
171
+ };
172
+ 90: {
173
+ value: string;
174
+ };
175
+ 100: {
176
+ value: string;
177
+ };
178
+ };
179
+ lm_orange: {
180
+ 0: {
181
+ value: string;
182
+ };
183
+ 10: {
184
+ value: string;
185
+ };
186
+ 20: {
187
+ value: string;
188
+ };
189
+ 30: {
190
+ value: string;
191
+ };
192
+ 35: {
193
+ value: string;
194
+ };
195
+ 40: {
196
+ value: string;
197
+ };
198
+ 50: {
199
+ value: string;
200
+ };
201
+ 60: {
202
+ value: string;
203
+ };
204
+ 70: {
205
+ value: string;
206
+ };
207
+ 75: {
208
+ value: string;
209
+ };
210
+ 80: {
211
+ value: string;
212
+ };
213
+ 85: {
214
+ value: string;
215
+ };
216
+ 90: {
217
+ value: string;
218
+ };
219
+ 100: {
220
+ value: string;
221
+ };
222
+ };
223
+ lm_magenta: {
224
+ 0: {
225
+ value: string;
226
+ };
227
+ 10: {
228
+ value: string;
229
+ };
230
+ 20: {
231
+ value: string;
232
+ };
233
+ 30: {
234
+ value: string;
235
+ };
236
+ 35: {
237
+ value: string;
238
+ };
239
+ 40: {
240
+ value: string;
241
+ };
242
+ 50: {
243
+ value: string;
244
+ };
245
+ 60: {
246
+ value: string;
247
+ };
248
+ 70: {
249
+ value: string;
250
+ };
251
+ 75: {
252
+ value: string;
253
+ };
254
+ 80: {
255
+ value: string;
256
+ };
257
+ 85: {
258
+ value: string;
259
+ };
260
+ 90: {
261
+ value: string;
262
+ };
263
+ 100: {
264
+ value: string;
265
+ };
266
+ };
267
+ lm_blue: {
268
+ 0: {
269
+ value: string;
270
+ };
271
+ 10: {
272
+ value: string;
273
+ };
274
+ 20: {
275
+ value: string;
276
+ };
277
+ 30: {
278
+ value: string;
279
+ };
280
+ 35: {
281
+ value: string;
282
+ };
283
+ 40: {
284
+ value: string;
285
+ };
286
+ 50: {
287
+ value: string;
288
+ };
289
+ 60: {
290
+ value: string;
291
+ };
292
+ 70: {
293
+ value: string;
294
+ };
295
+ 75: {
296
+ value: string;
297
+ };
298
+ 80: {
299
+ value: string;
300
+ };
301
+ 85: {
302
+ value: string;
303
+ };
304
+ 90: {
305
+ value: string;
306
+ };
307
+ 100: {
308
+ value: string;
309
+ };
310
+ };
311
+ lm_brand: {
312
+ green: {
313
+ value: string;
314
+ };
315
+ orange: {
316
+ value: string;
317
+ };
318
+ blue: {
319
+ value: string;
320
+ };
321
+ watermelon: {
322
+ value: string;
323
+ };
324
+ };
325
+ opacities: {
326
+ white: {
327
+ 3: {
328
+ value: string;
329
+ };
330
+ 5: {
331
+ value: string;
332
+ };
333
+ 10: {
334
+ value: string;
335
+ };
336
+ 20: {
337
+ value: string;
338
+ };
339
+ };
340
+ black: {
341
+ 3: {
342
+ value: string;
343
+ };
344
+ 5: {
345
+ value: string;
346
+ };
347
+ 10: {
348
+ value: string;
349
+ };
350
+ 20: {
351
+ value: string;
352
+ };
353
+ };
354
+ };
355
+ };
356
+ fontSizes: {
357
+ max: {
358
+ value: string;
359
+ };
360
+ min: {
361
+ value: string;
362
+ };
363
+ '2xs': {
364
+ value: string;
365
+ };
366
+ xs: {
367
+ value: string;
368
+ };
369
+ sm: {
370
+ value: string;
371
+ };
372
+ md: {
373
+ value: string;
374
+ };
375
+ lg: {
376
+ value: string;
377
+ };
378
+ xl: {
379
+ value: string;
380
+ };
381
+ '2xl': {
382
+ value: string;
383
+ };
384
+ '3xl': {
385
+ value: string;
386
+ };
387
+ '4xl': {
388
+ value: string;
389
+ };
390
+ '5xl': {
391
+ value: string;
392
+ };
393
+ '6xl': {
394
+ value: string;
395
+ };
396
+ };
397
+ fonts: {
398
+ heading: {
399
+ value: string;
400
+ };
401
+ body: {
402
+ value: string;
403
+ };
404
+ mono: {
405
+ value: string;
406
+ };
407
+ };
408
+ sizes: {
409
+ max: {
410
+ value: string;
411
+ };
412
+ min: {
413
+ value: string;
414
+ };
415
+ full: {
416
+ value: string;
417
+ };
418
+ '3xs': {
419
+ value: string;
420
+ };
421
+ '2xs': {
422
+ value: string;
423
+ };
424
+ xs: {
425
+ value: string;
426
+ };
427
+ nav: {
428
+ value: string;
429
+ };
430
+ sm: {
431
+ value: string;
432
+ };
433
+ md: {
434
+ value: string;
435
+ };
436
+ lg: {
437
+ value: string;
438
+ };
439
+ xl: {
440
+ value: string;
441
+ };
442
+ '2xl': {
443
+ value: string;
444
+ };
445
+ '3xl': {
446
+ value: string;
447
+ };
448
+ '4xl': {
449
+ value: string;
450
+ };
451
+ '5xl': {
452
+ value: string;
453
+ };
454
+ '6xl': {
455
+ value: string;
456
+ };
457
+ '7xl': {
458
+ value: string;
459
+ };
460
+ '8xl': {
461
+ value: string;
462
+ };
463
+ };
464
+ };
465
+ export default themeTokens;
@@ -0,0 +1,39 @@
1
+ declare const radii: {
2
+ none: {
3
+ value: string;
4
+ };
5
+ '3xs': {
6
+ value: string;
7
+ };
8
+ '2xs': {
9
+ value: string;
10
+ };
11
+ xs: {
12
+ value: string;
13
+ };
14
+ sm: {
15
+ value: string;
16
+ };
17
+ md: {
18
+ value: string;
19
+ };
20
+ lg: {
21
+ value: string;
22
+ };
23
+ xl: {
24
+ value: string;
25
+ };
26
+ '2xl': {
27
+ value: string;
28
+ };
29
+ '3xl': {
30
+ value: string;
31
+ };
32
+ '4xl': {
33
+ value: string;
34
+ };
35
+ full: {
36
+ value: string;
37
+ };
38
+ };
39
+ export default radii;
@@ -0,0 +1,57 @@
1
+ declare const sizes: {
2
+ max: {
3
+ value: string;
4
+ };
5
+ min: {
6
+ value: string;
7
+ };
8
+ full: {
9
+ value: string;
10
+ };
11
+ '3xs': {
12
+ value: string;
13
+ };
14
+ '2xs': {
15
+ value: string;
16
+ };
17
+ xs: {
18
+ value: string;
19
+ };
20
+ nav: {
21
+ value: string;
22
+ };
23
+ sm: {
24
+ value: string;
25
+ };
26
+ md: {
27
+ value: string;
28
+ };
29
+ lg: {
30
+ value: string;
31
+ };
32
+ xl: {
33
+ value: string;
34
+ };
35
+ '2xl': {
36
+ value: string;
37
+ };
38
+ '3xl': {
39
+ value: string;
40
+ };
41
+ '4xl': {
42
+ value: string;
43
+ };
44
+ '5xl': {
45
+ value: string;
46
+ };
47
+ '6xl': {
48
+ value: string;
49
+ };
50
+ '7xl': {
51
+ value: string;
52
+ };
53
+ '8xl': {
54
+ value: string;
55
+ };
56
+ };
57
+ export default sizes;