@phpsoftbox/react-softbox 0.1.1 → 0.3.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 (52) hide show
  1. package/README.md +8 -3
  2. package/dist/components/Badge/Badge.module.css +12 -12
  3. package/dist/components/Button/Button.d.ts +3 -1
  4. package/dist/components/Button/Button.js +16 -17
  5. package/dist/components/Button/Button.js.map +1 -1
  6. package/dist/components/FileUploader/FileUploader.d.ts +22 -0
  7. package/dist/components/FileUploader/FileUploader.js +156 -0
  8. package/dist/components/FileUploader/FileUploader.js.map +1 -0
  9. package/dist/components/FileUploader/FileUploader.module.css +142 -0
  10. package/dist/components/Image/Image.d.ts +7 -0
  11. package/dist/components/Image/Image.js +15 -0
  12. package/dist/components/Image/Image.js.map +1 -0
  13. package/dist/components/Image/Image.module.css +17 -0
  14. package/dist/components/Input/Checkbox/Checkbox.d.ts +8 -0
  15. package/dist/components/Input/Checkbox/Checkbox.js +15 -0
  16. package/dist/components/Input/Checkbox/Checkbox.js.map +1 -0
  17. package/dist/components/Input/Checkbox/Checkbox.module.css +105 -0
  18. package/dist/components/Input/FloatLabel/FloatLabel.module.css +18 -4
  19. package/dist/components/Input/Input.d.ts +2 -0
  20. package/dist/components/Input/Input.js +2 -0
  21. package/dist/components/Input/Input.js.map +1 -1
  22. package/dist/components/Input/NumberInput.d.ts +3 -1
  23. package/dist/components/Input/NumberInput.js +97 -28
  24. package/dist/components/Input/NumberInput.js.map +1 -1
  25. package/dist/components/Input/Select/Select.js +1 -1
  26. package/dist/components/Input/Select/Select.js.map +1 -1
  27. package/dist/components/Menu/Dropdown.d.ts +36 -3
  28. package/dist/components/Menu/Dropdown.js +71 -3
  29. package/dist/components/Menu/Dropdown.js.map +1 -1
  30. package/dist/components/Menu/Menu.d.ts +4 -1
  31. package/dist/components/Menu/Menu.js +10 -3
  32. package/dist/components/Menu/Menu.js.map +1 -1
  33. package/dist/components/Menu/Menu.module.css +50 -4
  34. package/dist/components/Table/Table.d.ts +56 -0
  35. package/dist/components/Table/Table.js +199 -0
  36. package/dist/components/Table/Table.js.map +1 -0
  37. package/dist/components/Table/Table.module.css +203 -0
  38. package/dist/{components/Button/Button.module.css → foundations/buttons.css} +47 -19
  39. package/dist/foundations/index.css +2 -0
  40. package/dist/foundations/tokens.css +31 -22
  41. package/dist/foundations/utilities.css +675 -0
  42. package/dist/index.d.ts +5 -0
  43. package/dist/index.js +4 -0
  44. package/dist/index.js.map +1 -1
  45. package/docs/README.md +2 -1
  46. package/docs/forms.md +36 -0
  47. package/docs/layout.md +31 -0
  48. package/docs/media.md +12 -0
  49. package/docs/navigation.md +29 -1
  50. package/docs/theme.md +28 -0
  51. package/docs/typography.md +11 -0
  52. package/package.json +5 -1
@@ -0,0 +1,675 @@
1
+ .f-1 {
2
+ font-size: var(--font-size-1) !important;
3
+ }
4
+
5
+ .f-2 {
6
+ font-size: var(--font-size-2) !important;
7
+ }
8
+
9
+ .f-3 {
10
+ font-size: var(--font-size-3) !important;
11
+ }
12
+
13
+ .f-4 {
14
+ font-size: var(--font-size-4) !important;
15
+ }
16
+
17
+ .f-5 {
18
+ font-size: var(--font-size-5) !important;
19
+ }
20
+
21
+ .f-6 {
22
+ font-size: var(--font-size-6) !important;
23
+ }
24
+
25
+ .f-7 {
26
+ font-size: var(--font-size-7) !important;
27
+ }
28
+
29
+ .f-8 {
30
+ font-size: var(--font-size-8) !important;
31
+ }
32
+
33
+ .f-9 {
34
+ font-size: var(--font-size-9) !important;
35
+ }
36
+
37
+ .gap-1 {
38
+ gap: var(--spacing-1) !important;
39
+ }
40
+
41
+ .gap-2 {
42
+ gap: var(--spacing-2) !important;
43
+ }
44
+
45
+ .gap-3 {
46
+ gap: var(--spacing-3) !important;
47
+ }
48
+
49
+ .gap-4 {
50
+ gap: var(--spacing-4) !important;
51
+ }
52
+
53
+ .gap-5 {
54
+ gap: var(--spacing-5) !important;
55
+ }
56
+
57
+ .gap-6 {
58
+ gap: var(--spacing-6) !important;
59
+ }
60
+
61
+ .gap-7 {
62
+ gap: var(--spacing-7) !important;
63
+ }
64
+
65
+ .gap-8 {
66
+ gap: var(--spacing-8) !important;
67
+ }
68
+
69
+ .gap-9 {
70
+ gap: var(--spacing-9) !important;
71
+ }
72
+
73
+ .gap-10 {
74
+ gap: var(--spacing-10) !important;
75
+ }
76
+
77
+ .p-1 {
78
+ padding: var(--spacing-1) !important;
79
+ }
80
+
81
+ .p-2 {
82
+ padding: var(--spacing-2) !important;
83
+ }
84
+
85
+ .p-3 {
86
+ padding: var(--spacing-3) !important;
87
+ }
88
+
89
+ .p-4 {
90
+ padding: var(--spacing-4) !important;
91
+ }
92
+
93
+ .p-5 {
94
+ padding: var(--spacing-5) !important;
95
+ }
96
+
97
+ .p-6 {
98
+ padding: var(--spacing-6) !important;
99
+ }
100
+
101
+ .p-7 {
102
+ padding: var(--spacing-7) !important;
103
+ }
104
+
105
+ .p-8 {
106
+ padding: var(--spacing-8) !important;
107
+ }
108
+
109
+ .p-9 {
110
+ padding: var(--spacing-9) !important;
111
+ }
112
+
113
+ .p-10 {
114
+ padding: var(--spacing-10) !important;
115
+ }
116
+
117
+ .px-1 {
118
+ padding-left: var(--spacing-1) !important;
119
+ padding-right: var(--spacing-1) !important;
120
+ }
121
+
122
+ .px-2 {
123
+ padding-left: var(--spacing-2) !important;
124
+ padding-right: var(--spacing-2) !important;
125
+ }
126
+
127
+ .px-3 {
128
+ padding-left: var(--spacing-3) !important;
129
+ padding-right: var(--spacing-3) !important;
130
+ }
131
+
132
+ .px-4 {
133
+ padding-left: var(--spacing-4) !important;
134
+ padding-right: var(--spacing-4) !important;
135
+ }
136
+
137
+ .px-5 {
138
+ padding-left: var(--spacing-5) !important;
139
+ padding-right: var(--spacing-5) !important;
140
+ }
141
+
142
+ .px-6 {
143
+ padding-left: var(--spacing-6) !important;
144
+ padding-right: var(--spacing-6) !important;
145
+ }
146
+
147
+ .px-7 {
148
+ padding-left: var(--spacing-7) !important;
149
+ padding-right: var(--spacing-7) !important;
150
+ }
151
+
152
+ .px-8 {
153
+ padding-left: var(--spacing-8) !important;
154
+ padding-right: var(--spacing-8) !important;
155
+ }
156
+
157
+ .px-9 {
158
+ padding-left: var(--spacing-9) !important;
159
+ padding-right: var(--spacing-9) !important;
160
+ }
161
+
162
+ .px-10 {
163
+ padding-left: var(--spacing-10) !important;
164
+ padding-right: var(--spacing-10) !important;
165
+ }
166
+
167
+ .py-1 {
168
+ padding-top: var(--spacing-1) !important;
169
+ padding-bottom: var(--spacing-1) !important;
170
+ }
171
+
172
+ .py-2 {
173
+ padding-top: var(--spacing-2) !important;
174
+ padding-bottom: var(--spacing-2) !important;
175
+ }
176
+
177
+ .py-3 {
178
+ padding-top: var(--spacing-3) !important;
179
+ padding-bottom: var(--spacing-3) !important;
180
+ }
181
+
182
+ .py-4 {
183
+ padding-top: var(--spacing-4) !important;
184
+ padding-bottom: var(--spacing-4) !important;
185
+ }
186
+
187
+ .py-5 {
188
+ padding-top: var(--spacing-5) !important;
189
+ padding-bottom: var(--spacing-5) !important;
190
+ }
191
+
192
+ .py-6 {
193
+ padding-top: var(--spacing-6) !important;
194
+ padding-bottom: var(--spacing-6) !important;
195
+ }
196
+
197
+ .py-7 {
198
+ padding-top: var(--spacing-7) !important;
199
+ padding-bottom: var(--spacing-7) !important;
200
+ }
201
+
202
+ .py-8 {
203
+ padding-top: var(--spacing-8) !important;
204
+ padding-bottom: var(--spacing-8) !important;
205
+ }
206
+
207
+ .py-9 {
208
+ padding-top: var(--spacing-9) !important;
209
+ padding-bottom: var(--spacing-9) !important;
210
+ }
211
+
212
+ .py-10 {
213
+ padding-top: var(--spacing-10) !important;
214
+ padding-bottom: var(--spacing-10) !important;
215
+ }
216
+
217
+ .pt-1 {
218
+ padding-top: var(--spacing-1) !important;
219
+ }
220
+
221
+ .pt-2 {
222
+ padding-top: var(--spacing-2) !important;
223
+ }
224
+
225
+ .pt-3 {
226
+ padding-top: var(--spacing-3) !important;
227
+ }
228
+
229
+ .pt-4 {
230
+ padding-top: var(--spacing-4) !important;
231
+ }
232
+
233
+ .pt-5 {
234
+ padding-top: var(--spacing-5) !important;
235
+ }
236
+
237
+ .pt-6 {
238
+ padding-top: var(--spacing-6) !important;
239
+ }
240
+
241
+ .pt-7 {
242
+ padding-top: var(--spacing-7) !important;
243
+ }
244
+
245
+ .pt-8 {
246
+ padding-top: var(--spacing-8) !important;
247
+ }
248
+
249
+ .pt-9 {
250
+ padding-top: var(--spacing-9) !important;
251
+ }
252
+
253
+ .pt-10 {
254
+ padding-top: var(--spacing-10) !important;
255
+ }
256
+
257
+ .pr-1 {
258
+ padding-right: var(--spacing-1) !important;
259
+ }
260
+
261
+ .pr-2 {
262
+ padding-right: var(--spacing-2) !important;
263
+ }
264
+
265
+ .pr-3 {
266
+ padding-right: var(--spacing-3) !important;
267
+ }
268
+
269
+ .pr-4 {
270
+ padding-right: var(--spacing-4) !important;
271
+ }
272
+
273
+ .pr-5 {
274
+ padding-right: var(--spacing-5) !important;
275
+ }
276
+
277
+ .pr-6 {
278
+ padding-right: var(--spacing-6) !important;
279
+ }
280
+
281
+ .pr-7 {
282
+ padding-right: var(--spacing-7) !important;
283
+ }
284
+
285
+ .pr-8 {
286
+ padding-right: var(--spacing-8) !important;
287
+ }
288
+
289
+ .pr-9 {
290
+ padding-right: var(--spacing-9) !important;
291
+ }
292
+
293
+ .pr-10 {
294
+ padding-right: var(--spacing-10) !important;
295
+ }
296
+
297
+ .pb-1 {
298
+ padding-bottom: var(--spacing-1) !important;
299
+ }
300
+
301
+ .pb-2 {
302
+ padding-bottom: var(--spacing-2) !important;
303
+ }
304
+
305
+ .pb-3 {
306
+ padding-bottom: var(--spacing-3) !important;
307
+ }
308
+
309
+ .pb-4 {
310
+ padding-bottom: var(--spacing-4) !important;
311
+ }
312
+
313
+ .pb-5 {
314
+ padding-bottom: var(--spacing-5) !important;
315
+ }
316
+
317
+ .pb-6 {
318
+ padding-bottom: var(--spacing-6) !important;
319
+ }
320
+
321
+ .pb-7 {
322
+ padding-bottom: var(--spacing-7) !important;
323
+ }
324
+
325
+ .pb-8 {
326
+ padding-bottom: var(--spacing-8) !important;
327
+ }
328
+
329
+ .pb-9 {
330
+ padding-bottom: var(--spacing-9) !important;
331
+ }
332
+
333
+ .pb-10 {
334
+ padding-bottom: var(--spacing-10) !important;
335
+ }
336
+
337
+ .pl-1 {
338
+ padding-left: var(--spacing-1) !important;
339
+ }
340
+
341
+ .pl-2 {
342
+ padding-left: var(--spacing-2) !important;
343
+ }
344
+
345
+ .pl-3 {
346
+ padding-left: var(--spacing-3) !important;
347
+ }
348
+
349
+ .pl-4 {
350
+ padding-left: var(--spacing-4) !important;
351
+ }
352
+
353
+ .pl-5 {
354
+ padding-left: var(--spacing-5) !important;
355
+ }
356
+
357
+ .pl-6 {
358
+ padding-left: var(--spacing-6) !important;
359
+ }
360
+
361
+ .pl-7 {
362
+ padding-left: var(--spacing-7) !important;
363
+ }
364
+
365
+ .pl-8 {
366
+ padding-left: var(--spacing-8) !important;
367
+ }
368
+
369
+ .pl-9 {
370
+ padding-left: var(--spacing-9) !important;
371
+ }
372
+
373
+ .pl-10 {
374
+ padding-left: var(--spacing-10) !important;
375
+ }
376
+
377
+ .m-1 {
378
+ margin: var(--spacing-1) !important;
379
+ }
380
+
381
+ .m-2 {
382
+ margin: var(--spacing-2) !important;
383
+ }
384
+
385
+ .m-3 {
386
+ margin: var(--spacing-3) !important;
387
+ }
388
+
389
+ .m-4 {
390
+ margin: var(--spacing-4) !important;
391
+ }
392
+
393
+ .m-5 {
394
+ margin: var(--spacing-5) !important;
395
+ }
396
+
397
+ .m-6 {
398
+ margin: var(--spacing-6) !important;
399
+ }
400
+
401
+ .m-7 {
402
+ margin: var(--spacing-7) !important;
403
+ }
404
+
405
+ .m-8 {
406
+ margin: var(--spacing-8) !important;
407
+ }
408
+
409
+ .m-9 {
410
+ margin: var(--spacing-9) !important;
411
+ }
412
+
413
+ .m-10 {
414
+ margin: var(--spacing-10) !important;
415
+ }
416
+
417
+ .mx-1 {
418
+ margin-left: var(--spacing-1) !important;
419
+ margin-right: var(--spacing-1) !important;
420
+ }
421
+
422
+ .mx-2 {
423
+ margin-left: var(--spacing-2) !important;
424
+ margin-right: var(--spacing-2) !important;
425
+ }
426
+
427
+ .mx-3 {
428
+ margin-left: var(--spacing-3) !important;
429
+ margin-right: var(--spacing-3) !important;
430
+ }
431
+
432
+ .mx-4 {
433
+ margin-left: var(--spacing-4) !important;
434
+ margin-right: var(--spacing-4) !important;
435
+ }
436
+
437
+ .mx-5 {
438
+ margin-left: var(--spacing-5) !important;
439
+ margin-right: var(--spacing-5) !important;
440
+ }
441
+
442
+ .mx-6 {
443
+ margin-left: var(--spacing-6) !important;
444
+ margin-right: var(--spacing-6) !important;
445
+ }
446
+
447
+ .mx-7 {
448
+ margin-left: var(--spacing-7) !important;
449
+ margin-right: var(--spacing-7) !important;
450
+ }
451
+
452
+ .mx-8 {
453
+ margin-left: var(--spacing-8) !important;
454
+ margin-right: var(--spacing-8) !important;
455
+ }
456
+
457
+ .mx-9 {
458
+ margin-left: var(--spacing-9) !important;
459
+ margin-right: var(--spacing-9) !important;
460
+ }
461
+
462
+ .mx-10 {
463
+ margin-left: var(--spacing-10) !important;
464
+ margin-right: var(--spacing-10) !important;
465
+ }
466
+
467
+ .my-1 {
468
+ margin-top: var(--spacing-1) !important;
469
+ margin-bottom: var(--spacing-1) !important;
470
+ }
471
+
472
+ .my-2 {
473
+ margin-top: var(--spacing-2) !important;
474
+ margin-bottom: var(--spacing-2) !important;
475
+ }
476
+
477
+ .my-3 {
478
+ margin-top: var(--spacing-3) !important;
479
+ margin-bottom: var(--spacing-3) !important;
480
+ }
481
+
482
+ .my-4 {
483
+ margin-top: var(--spacing-4) !important;
484
+ margin-bottom: var(--spacing-4) !important;
485
+ }
486
+
487
+ .my-5 {
488
+ margin-top: var(--spacing-5) !important;
489
+ margin-bottom: var(--spacing-5) !important;
490
+ }
491
+
492
+ .my-6 {
493
+ margin-top: var(--spacing-6) !important;
494
+ margin-bottom: var(--spacing-6) !important;
495
+ }
496
+
497
+ .my-7 {
498
+ margin-top: var(--spacing-7) !important;
499
+ margin-bottom: var(--spacing-7) !important;
500
+ }
501
+
502
+ .my-8 {
503
+ margin-top: var(--spacing-8) !important;
504
+ margin-bottom: var(--spacing-8) !important;
505
+ }
506
+
507
+ .my-9 {
508
+ margin-top: var(--spacing-9) !important;
509
+ margin-bottom: var(--spacing-9) !important;
510
+ }
511
+
512
+ .my-10 {
513
+ margin-top: var(--spacing-10) !important;
514
+ margin-bottom: var(--spacing-10) !important;
515
+ }
516
+
517
+ .mt-1 {
518
+ margin-top: var(--spacing-1) !important;
519
+ }
520
+
521
+ .mt-2 {
522
+ margin-top: var(--spacing-2) !important;
523
+ }
524
+
525
+ .mt-3 {
526
+ margin-top: var(--spacing-3) !important;
527
+ }
528
+
529
+ .mt-4 {
530
+ margin-top: var(--spacing-4) !important;
531
+ }
532
+
533
+ .mt-5 {
534
+ margin-top: var(--spacing-5) !important;
535
+ }
536
+
537
+ .mt-6 {
538
+ margin-top: var(--spacing-6) !important;
539
+ }
540
+
541
+ .mt-7 {
542
+ margin-top: var(--spacing-7) !important;
543
+ }
544
+
545
+ .mt-8 {
546
+ margin-top: var(--spacing-8) !important;
547
+ }
548
+
549
+ .mt-9 {
550
+ margin-top: var(--spacing-9) !important;
551
+ }
552
+
553
+ .mt-10 {
554
+ margin-top: var(--spacing-10) !important;
555
+ }
556
+
557
+ .mr-1 {
558
+ margin-right: var(--spacing-1) !important;
559
+ }
560
+
561
+ .mr-2 {
562
+ margin-right: var(--spacing-2) !important;
563
+ }
564
+
565
+ .mr-3 {
566
+ margin-right: var(--spacing-3) !important;
567
+ }
568
+
569
+ .mr-4 {
570
+ margin-right: var(--spacing-4) !important;
571
+ }
572
+
573
+ .mr-5 {
574
+ margin-right: var(--spacing-5) !important;
575
+ }
576
+
577
+ .mr-6 {
578
+ margin-right: var(--spacing-6) !important;
579
+ }
580
+
581
+ .mr-7 {
582
+ margin-right: var(--spacing-7) !important;
583
+ }
584
+
585
+ .mr-8 {
586
+ margin-right: var(--spacing-8) !important;
587
+ }
588
+
589
+ .mr-9 {
590
+ margin-right: var(--spacing-9) !important;
591
+ }
592
+
593
+ .mr-10 {
594
+ margin-right: var(--spacing-10) !important;
595
+ }
596
+
597
+ .mb-1 {
598
+ margin-bottom: var(--spacing-1) !important;
599
+ }
600
+
601
+ .mb-2 {
602
+ margin-bottom: var(--spacing-2) !important;
603
+ }
604
+
605
+ .mb-3 {
606
+ margin-bottom: var(--spacing-3) !important;
607
+ }
608
+
609
+ .mb-4 {
610
+ margin-bottom: var(--spacing-4) !important;
611
+ }
612
+
613
+ .mb-5 {
614
+ margin-bottom: var(--spacing-5) !important;
615
+ }
616
+
617
+ .mb-6 {
618
+ margin-bottom: var(--spacing-6) !important;
619
+ }
620
+
621
+ .mb-7 {
622
+ margin-bottom: var(--spacing-7) !important;
623
+ }
624
+
625
+ .mb-8 {
626
+ margin-bottom: var(--spacing-8) !important;
627
+ }
628
+
629
+ .mb-9 {
630
+ margin-bottom: var(--spacing-9) !important;
631
+ }
632
+
633
+ .mb-10 {
634
+ margin-bottom: var(--spacing-10) !important;
635
+ }
636
+
637
+ .ml-1 {
638
+ margin-left: var(--spacing-1) !important;
639
+ }
640
+
641
+ .ml-2 {
642
+ margin-left: var(--spacing-2) !important;
643
+ }
644
+
645
+ .ml-3 {
646
+ margin-left: var(--spacing-3) !important;
647
+ }
648
+
649
+ .ml-4 {
650
+ margin-left: var(--spacing-4) !important;
651
+ }
652
+
653
+ .ml-5 {
654
+ margin-left: var(--spacing-5) !important;
655
+ }
656
+
657
+ .ml-6 {
658
+ margin-left: var(--spacing-6) !important;
659
+ }
660
+
661
+ .ml-7 {
662
+ margin-left: var(--spacing-7) !important;
663
+ }
664
+
665
+ .ml-8 {
666
+ margin-left: var(--spacing-8) !important;
667
+ }
668
+
669
+ .ml-9 {
670
+ margin-left: var(--spacing-9) !important;
671
+ }
672
+
673
+ .ml-10 {
674
+ margin-left: var(--spacing-10) !important;
675
+ }
package/dist/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export { default as Input } from './components/Input/Input';
7
7
  export { default as Textarea } from './components/Input/Textarea/Textarea';
8
8
  export { default as Radio } from './components/Input/Radio/Radio';
9
9
  export { default as Switch } from './components/Input/Switch/Switch';
10
+ export { default as Checkbox } from './components/Input/Checkbox/Checkbox';
10
11
  export { default as Select } from './components/Input/Select/Select';
11
12
  export { default as Alert } from './components/Alert/Alert';
12
13
  export { default as Notifier } from './components/Notifier/Notifier';
@@ -22,6 +23,10 @@ export { default as Pagination } from './components/Pagination/Pagination';
22
23
  export { default as Tabs } from './components/Tabs/Tabs';
23
24
  export { default as Progress } from './components/Progress/Progress';
24
25
  export { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
26
+ export { default as Image } from './components/Image/Image';
27
+ export { default as FileUploader } from './components/FileUploader/FileUploader';
28
+ export { default as Table } from './components/Table/Table';
29
+ export type { TableColumn, TableSortDirection, TableSortOptions, TableSortState } from './components/Table/Table';
25
30
  export { default as Text } from './components/Typography/Text';
26
31
  export { default as Heading } from './components/Typography/Heading';
27
32
  export { default as useMediaQuery } from './hooks/useMediaQuery';
package/dist/index.js CHANGED
@@ -7,6 +7,7 @@ export { default as Input } from './components/Input/Input';
7
7
  export { default as Textarea } from './components/Input/Textarea/Textarea';
8
8
  export { default as Radio } from './components/Input/Radio/Radio';
9
9
  export { default as Switch } from './components/Input/Switch/Switch';
10
+ export { default as Checkbox } from './components/Input/Checkbox/Checkbox';
10
11
  export { default as Select } from './components/Input/Select/Select';
11
12
  export { default as Alert } from './components/Alert/Alert';
12
13
  export { default as Notifier } from './components/Notifier/Notifier';
@@ -22,6 +23,9 @@ export { default as Pagination } from './components/Pagination/Pagination';
22
23
  export { default as Tabs } from './components/Tabs/Tabs';
23
24
  export { default as Progress } from './components/Progress/Progress';
24
25
  export { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
26
+ export { default as Image } from './components/Image/Image';
27
+ export { default as FileUploader } from './components/FileUploader/FileUploader';
28
+ export { default as Table } from './components/Table/Table';
25
29
  export { default as Text } from './components/Typography/Text';
26
30
  export { default as Heading } from './components/Typography/Heading';
27
31
  export { default as useMediaQuery } from './hooks/useMediaQuery';
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
package/docs/README.md CHANGED
@@ -28,11 +28,12 @@ import { Button, Card, Menu } from '@phpsoftbox/react-softbox';
28
28
 
29
29
  - `layout.md` — Grid, Flex, утилиты
30
30
  - `navigation.md` — Menu, Dropdown, CollapseButton
31
- - `forms.md` — Input (Field/Select/FloatLabel), Switch, Radio
31
+ - `forms.md` — Input (Field/Select/FloatLabel), Switch, Radio, Checkbox, FileUploader
32
32
  - `overlays.md` — Modal, Drawer
33
33
  - `feedback.md` — Badge, Alert, Notifier
34
34
  - `card.md` — Card и его секции
35
35
  - `typography.md` — Тексты и заголовки
36
+ - `media.md` — Image и медиа‑элементы
36
37
  - `theme.md` — Темы и режимы
37
38
  - `pagination.md` — Pagination и управление ссылками
38
39
  - `tabs.md` — Tabs (горизонтальные и вертикальные)