@paygreen/pgui 3.0.0-beta → 3.0.1-beta

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 (31) hide show
  1. package/README.md +3 -0
  2. package/dist/components/actions-button/actions-button.d.ts +2 -1
  3. package/dist/components/data-list/datalist.d.ts +1 -2
  4. package/dist/components/data-table/data-table.d.ts +2 -2
  5. package/dist/components/index.d.ts +4 -0
  6. package/dist/components/input-mask/input-mask.d.ts +2 -1
  7. package/dist/components/input-password/input-password.d.ts +34 -0
  8. package/dist/components/input-search/input-search.d.ts +14 -0
  9. package/dist/components/loader/loader.d.ts +6 -4
  10. package/dist/components/logos/logoPaygreenByLemonway.d.ts +1 -2
  11. package/dist/components/modal/modal.d.ts +49 -12
  12. package/dist/components/pagination/pagination.d.ts +7 -2
  13. package/dist/components/select/select.d.ts +11 -6
  14. package/dist/components/sidebar/sidebar.d.ts +17 -3
  15. package/dist/components/tooltip/tooltip.d.ts +11 -0
  16. package/dist/components/ui/toaster.d.ts +2 -0
  17. package/dist/index.d.ts +1 -1
  18. package/dist/index.js +10 -10
  19. package/dist/index.mjs +2828 -2159
  20. package/dist/pgui.css +1 -1
  21. package/dist/theme/index.d.ts +2 -1
  22. package/dist/theme/recipes/card-recipe.d.ts +3 -6
  23. package/dist/theme/recipes/index.d.ts +3 -6
  24. package/dist/theme/semanticTokens/colors.d.ts +374 -21
  25. package/dist/theme/semanticTokens/index.d.ts +374 -21
  26. package/dist/theme/tokens/colors.d.ts +291 -9
  27. package/dist/theme/tokens/index.d.ts +290 -13
  28. package/package.json +2 -4
  29. package/src/components/date-picker/date-picker.css +42 -45
  30. package/src/components/select/select.css +30 -8
  31. package/dist/theme/tokens/gradients.d.ts +0 -6
@@ -1,35 +1,317 @@
1
1
  declare const colors: {
2
- brand: {
2
+ lm_cello: {
3
+ 0: {
4
+ value: string;
5
+ };
6
+ 5: {
7
+ value: string;
8
+ };
9
+ 10: {
10
+ value: string;
11
+ };
12
+ 20: {
13
+ value: string;
14
+ };
15
+ 30: {
16
+ value: string;
17
+ };
18
+ 35: {
19
+ value: string;
20
+ };
21
+ 40: {
22
+ value: string;
23
+ };
24
+ 50: {
25
+ value: string;
26
+ };
27
+ 60: {
28
+ value: string;
29
+ };
30
+ 70: {
31
+ value: string;
32
+ };
33
+ 75: {
34
+ value: string;
35
+ };
36
+ 80: {
37
+ value: string;
38
+ };
39
+ 85: {
40
+ value: string;
41
+ };
42
+ 90: {
43
+ value: string;
44
+ };
45
+ 95: {
46
+ value: string;
47
+ };
48
+ 100: {
49
+ value: string;
50
+ };
51
+ };
52
+ lm_gray: {
53
+ 0: {
54
+ value: string;
55
+ };
56
+ 10: {
57
+ value: string;
58
+ };
59
+ 20: {
60
+ value: string;
61
+ };
62
+ 30: {
63
+ value: string;
64
+ };
65
+ 35: {
66
+ value: string;
67
+ };
68
+ 40: {
69
+ value: string;
70
+ };
3
71
  50: {
4
72
  value: string;
5
73
  };
74
+ 60: {
75
+ value: string;
76
+ };
77
+ 70: {
78
+ value: string;
79
+ };
80
+ 75: {
81
+ value: string;
82
+ };
83
+ 80: {
84
+ value: string;
85
+ };
86
+ 85: {
87
+ value: string;
88
+ };
89
+ 90: {
90
+ value: string;
91
+ };
6
92
  100: {
7
93
  value: string;
8
94
  };
9
- 200: {
95
+ };
96
+ lm_green: {
97
+ 0: {
98
+ value: string;
99
+ };
100
+ 10: {
10
101
  value: string;
11
102
  };
12
- 300: {
103
+ 20: {
13
104
  value: string;
14
105
  };
15
- 400: {
106
+ 30: {
16
107
  value: string;
17
108
  };
18
- 500: {
109
+ 35: {
19
110
  value: string;
20
111
  };
21
- 600: {
112
+ 40: {
22
113
  value: string;
23
114
  };
24
- 700: {
115
+ 50: {
25
116
  value: string;
26
117
  };
27
- 800: {
118
+ 60: {
28
119
  value: string;
29
120
  };
30
- 900: {
121
+ 70: {
122
+ value: string;
123
+ };
124
+ 75: {
125
+ value: string;
126
+ };
127
+ 80: {
128
+ value: string;
129
+ };
130
+ 85: {
131
+ value: string;
132
+ };
133
+ 90: {
134
+ value: string;
135
+ };
136
+ 100: {
137
+ value: string;
138
+ };
139
+ };
140
+ lm_orange: {
141
+ 0: {
142
+ value: string;
143
+ };
144
+ 10: {
145
+ value: string;
146
+ };
147
+ 20: {
148
+ value: string;
149
+ };
150
+ 30: {
151
+ value: string;
152
+ };
153
+ 35: {
154
+ value: string;
155
+ };
156
+ 40: {
157
+ value: string;
158
+ };
159
+ 50: {
31
160
  value: string;
32
161
  };
162
+ 60: {
163
+ value: string;
164
+ };
165
+ 70: {
166
+ value: string;
167
+ };
168
+ 75: {
169
+ value: string;
170
+ };
171
+ 80: {
172
+ value: string;
173
+ };
174
+ 85: {
175
+ value: string;
176
+ };
177
+ 90: {
178
+ value: string;
179
+ };
180
+ 100: {
181
+ value: string;
182
+ };
183
+ };
184
+ lm_magenta: {
185
+ 0: {
186
+ value: string;
187
+ };
188
+ 10: {
189
+ value: string;
190
+ };
191
+ 20: {
192
+ value: string;
193
+ };
194
+ 30: {
195
+ value: string;
196
+ };
197
+ 35: {
198
+ value: string;
199
+ };
200
+ 40: {
201
+ value: string;
202
+ };
203
+ 50: {
204
+ value: string;
205
+ };
206
+ 60: {
207
+ value: string;
208
+ };
209
+ 70: {
210
+ value: string;
211
+ };
212
+ 75: {
213
+ value: string;
214
+ };
215
+ 80: {
216
+ value: string;
217
+ };
218
+ 85: {
219
+ value: string;
220
+ };
221
+ 90: {
222
+ value: string;
223
+ };
224
+ 100: {
225
+ value: string;
226
+ };
227
+ };
228
+ lm_blue: {
229
+ 0: {
230
+ value: string;
231
+ };
232
+ 10: {
233
+ value: string;
234
+ };
235
+ 20: {
236
+ value: string;
237
+ };
238
+ 30: {
239
+ value: string;
240
+ };
241
+ 35: {
242
+ value: string;
243
+ };
244
+ 40: {
245
+ value: string;
246
+ };
247
+ 50: {
248
+ value: string;
249
+ };
250
+ 60: {
251
+ value: string;
252
+ };
253
+ 70: {
254
+ value: string;
255
+ };
256
+ 75: {
257
+ value: string;
258
+ };
259
+ 80: {
260
+ value: string;
261
+ };
262
+ 85: {
263
+ value: string;
264
+ };
265
+ 90: {
266
+ value: string;
267
+ };
268
+ 100: {
269
+ value: string;
270
+ };
271
+ };
272
+ lm_brand: {
273
+ green: {
274
+ value: string;
275
+ };
276
+ orange: {
277
+ value: string;
278
+ };
279
+ blue: {
280
+ value: string;
281
+ };
282
+ watermelon: {
283
+ value: string;
284
+ };
285
+ };
286
+ opacities: {
287
+ white: {
288
+ 3: {
289
+ value: string;
290
+ };
291
+ 5: {
292
+ value: string;
293
+ };
294
+ 10: {
295
+ value: string;
296
+ };
297
+ 20: {
298
+ value: string;
299
+ };
300
+ };
301
+ black: {
302
+ 3: {
303
+ value: string;
304
+ };
305
+ 5: {
306
+ value: string;
307
+ };
308
+ 10: {
309
+ value: string;
310
+ };
311
+ 20: {
312
+ value: string;
313
+ };
314
+ };
33
315
  };
34
316
  };
35
317
  export default colors;
@@ -38,42 +38,319 @@ declare const themeTokens: {
38
38
  };
39
39
  };
40
40
  colors: {
41
- brand: {
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
+ };
42
63
  50: {
43
64
  value: string;
44
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
+ };
45
87
  100: {
46
88
  value: string;
47
89
  };
48
- 200: {
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: {
49
105
  value: string;
50
106
  };
51
- 300: {
107
+ 40: {
108
+ value: string;
109
+ };
110
+ 50: {
52
111
  value: string;
53
112
  };
54
- 400: {
113
+ 60: {
55
114
  value: string;
56
115
  };
57
- 500: {
116
+ 70: {
58
117
  value: string;
59
118
  };
60
- 600: {
119
+ 75: {
61
120
  value: string;
62
121
  };
63
- 700: {
122
+ 80: {
64
123
  value: string;
65
124
  };
66
- 800: {
125
+ 85: {
67
126
  value: string;
68
127
  };
69
- 900: {
128
+ 90: {
129
+ value: string;
130
+ };
131
+ 100: {
70
132
  value: string;
71
133
  };
72
134
  };
73
- };
74
- gradients: {
75
- primary: {
76
- value: string;
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
+ };
77
354
  };
78
355
  };
79
356
  fontSizes: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paygreen/pgui",
3
- "version": "3.0.0-beta",
3
+ "version": "3.0.1-beta",
4
4
  "description": "core ui for paygreen apps",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -49,14 +49,13 @@
49
49
  "react": "^18.0.0 || ^19.0.0",
50
50
  "react-datepicker": "^8.0.0",
51
51
  "react-dom": "^18.0.0 || ^19.0.0",
52
- "react-icons": "^5.0.0",
52
+ "react-icons": "^5.5.0",
53
53
  "react-phone-number-input": "^3.0.0",
54
54
  "react-select": "^5.0.0",
55
55
  "storybook": "^9.0.12",
56
56
  "use-mask-input": "^3.0.0"
57
57
  },
58
58
  "devDependencies": {
59
- "@chromatic-com/storybook": "^4.0.0",
60
59
  "@storybook/addon-a11y": "^9.0.12",
61
60
  "@storybook/addon-docs": "^9.0.12",
62
61
  "@storybook/addon-links": "^9.0.12",
@@ -99,7 +98,6 @@
99
98
  "react": "^18.0.0 || ^19.0.0",
100
99
  "react-datepicker": "^8.0.0",
101
100
  "react-dom": "^18.0.0 || ^19.0.0",
102
- "react-icons": "^5.0.0",
103
101
  "react-phone-number-input": "^3.0.0",
104
102
  "react-select": "^5.0.0",
105
103
  "use-mask-input": "^3.0.0"