@recursica/adapter-mui-v7 1.0.4 → 1.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 (63) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/OVERSTYLING.md +1 -1
  3. package/SETUP.md +26 -3
  4. package/dist/adapter-mui-v7.cjs +64 -64
  5. package/dist/adapter-mui-v7.cjs.map +1 -1
  6. package/dist/adapter-mui-v7.css +1 -1
  7. package/dist/adapter-mui-v7.js +5869 -5645
  8. package/dist/adapter-mui-v7.js.map +1 -1
  9. package/dist/index.d.ts +123 -104
  10. package/llms.txt +1 -1
  11. package/package.json +4 -4
  12. package/recursica_brand.json +172 -235
  13. package/recursica_tokens.json +16 -127
  14. package/recursica_ui-kit.json +2195 -8127
  15. package/recursica_variables_scoped.css +4547 -9194
  16. package/src/components/Checkbox/Checkbox.module.css +1 -3
  17. package/src/components/Container/USAGE.md +0 -1
  18. package/src/components/FileInput/FileInput.module.css +8 -0
  19. package/src/components/FileUpload/FileUpload.module.css +1 -0
  20. package/src/components/FileUpload/FileUpload.tsx +1 -0
  21. package/src/components/Flex/USAGE.md +2 -1
  22. package/src/components/FormControlLayout/FormControlLayout.module.css +6 -3
  23. package/src/components/Group/USAGE.md +2 -1
  24. package/src/components/Heading/Heading.stories.tsx +62 -0
  25. package/src/components/Heading/Heading.tsx +6 -2
  26. package/src/components/Heading/USAGE.md +19 -1
  27. package/src/components/LayoutGrid/LAYOUT_GRID_IMPLEMENTATION_NOTES.md +82 -0
  28. package/src/components/LayoutGrid/LayoutGrid.columns.dom.test.tsx +78 -0
  29. package/src/components/{Grid/Grid.module.css → LayoutGrid/LayoutGrid.module.css} +13 -1
  30. package/src/components/LayoutGrid/LayoutGrid.stories.tsx +61 -0
  31. package/src/components/LayoutGrid/LayoutGrid.test.tsx +1 -0
  32. package/src/components/LayoutGrid/LayoutGrid.tsx +181 -0
  33. package/src/components/LayoutGrid/USAGE.md +79 -0
  34. package/src/components/LayoutGrid/index.ts +1 -0
  35. package/src/components/Menu/Menu.stories.tsx +0 -3
  36. package/src/components/Pagination/IMPLEMENTATION_NOTES.md +42 -38
  37. package/src/components/Pagination/Pagination.icons.tsx +0 -32
  38. package/src/components/Pagination/Pagination.manifest.dom.test.tsx +105 -0
  39. package/src/components/Pagination/Pagination.module.css +25 -164
  40. package/src/components/Pagination/Pagination.tsx +221 -97
  41. package/src/components/Pagination/USAGE.md +8 -1
  42. package/src/components/Panel/Panel.module.css +24 -1
  43. package/src/components/Panel/Panel.stories.tsx +4 -4
  44. package/src/components/Panel/Panel.tsx +10 -1
  45. package/src/components/Radio/Radio.module.css +2 -2
  46. package/src/components/SegmentedControl/SegmentedControl.module.css +18 -0
  47. package/src/components/Stack/USAGE.md +2 -1
  48. package/src/components/Stepper/Stepper.module.css +0 -21
  49. package/src/components/Text/Text.stories.tsx +52 -3
  50. package/src/components/Text/Text.tsx +13 -3
  51. package/src/components/Text/USAGE.md +20 -2
  52. package/src/components/Typography/Typography.module.css +39 -0
  53. package/src/components/index.ts +1 -1
  54. package/src/index.ts +1 -0
  55. package/src/utils/breakpointsFromRecManifest.test.ts +40 -0
  56. package/src/utils/breakpointsFromRecManifest.ts +72 -0
  57. package/src/utils/index.ts +1 -0
  58. package/src/components/Grid/Grid.stories.tsx +0 -161
  59. package/src/components/Grid/Grid.test.tsx +0 -1
  60. package/src/components/Grid/Grid.tsx +0 -155
  61. package/src/components/Grid/IMPLEMENTATION_NOTES.md +0 -24
  62. package/src/components/Grid/USAGE.md +0 -53
  63. package/src/components/Grid/index.ts +0 -1
package/recursica_tokens.json CHANGED
@@ -359,166 +359,55 @@
359
359
  "lg": {
360
360
  "$type": "dimension",
361
361
  "$value": {
362
- "value": 18,
362
+ "value": 20,
363
363
  "unit": "px"
364
364
  }
365
365
  },
366
366
  "xl": {
367
367
  "$type": "dimension",
368
368
  "$value": {
369
- "value": 20,
369
+ "value": 24,
370
370
  "unit": "px"
371
371
  }
372
372
  },
373
373
  "2xl": {
374
374
  "$type": "dimension",
375
375
  "$value": {
376
- "value": 24,
376
+ "value": 32,
377
377
  "unit": "px"
378
378
  }
379
379
  },
380
380
  "3xl": {
381
381
  "$type": "dimension",
382
382
  "$value": {
383
- "value": 28,
383
+ "value": 40,
384
384
  "unit": "px"
385
385
  }
386
386
  },
387
387
  "4xl": {
388
388
  "$type": "dimension",
389
389
  "$value": {
390
- "value": 32,
390
+ "value": 48,
391
391
  "unit": "px"
392
392
  }
393
393
  },
394
394
  "5xl": {
395
395
  "$type": "dimension",
396
396
  "$value": {
397
- "value": 36,
397
+ "value": 56,
398
398
  "unit": "px"
399
399
  }
400
400
  },
401
401
  "6xl": {
402
402
  "$type": "dimension",
403
403
  "$value": {
404
- "value": 40,
404
+ "value": 64,
405
405
  "unit": "px"
406
406
  }
407
407
  }
408
408
  },
409
409
  "typefaces": {
410
410
  "$type": "fontFamily",
411
- "lexend": {
412
- "$type": "fontFamily",
413
- "$value": [
414
- "Lexend",
415
- "sans-serif"
416
- ],
417
- "$extensions": {
418
- "com.google.fonts": {
419
- "url": "https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap",
420
- "opticalSizing": "auto"
421
- },
422
- "variants": [
423
- {
424
- "weight": "{tokens.font.weights.thin}",
425
- "style": "{tokens.font.styles.normal}"
426
- },
427
- {
428
- "weight": "{tokens.font.weights.extra-light}",
429
- "style": "{tokens.font.styles.normal}"
430
- },
431
- {
432
- "weight": "{tokens.font.weights.light}",
433
- "style": "{tokens.font.styles.normal}"
434
- },
435
- {
436
- "weight": "{tokens.font.weights.regular}",
437
- "style": "{tokens.font.styles.normal}"
438
- },
439
- {
440
- "weight": "{tokens.font.weights.medium}",
441
- "style": "{tokens.font.styles.normal}"
442
- },
443
- {
444
- "weight": "{tokens.font.weights.semi-bold}",
445
- "style": "{tokens.font.styles.normal}"
446
- },
447
- {
448
- "weight": "{tokens.font.weights.bold}",
449
- "style": "{tokens.font.styles.normal}"
450
- },
451
- {
452
- "weight": "{tokens.font.weights.extra-bold}",
453
- "style": "{tokens.font.styles.normal}"
454
- },
455
- {
456
- "weight": "{tokens.font.weights.black}",
457
- "style": "{tokens.font.styles.normal}"
458
- }
459
- ]
460
- }
461
- },
462
- "bellota-text": {
463
- "$type": "fontFamily",
464
- "$value": [
465
- "Bellota Text",
466
- "sans-serif"
467
- ],
468
- "$extensions": {
469
- "com.google.fonts": {
470
- "url": "https://fonts.googleapis.com/css2?family=Bellota+Text&display=swap"
471
- },
472
- "variants": [
473
- {
474
- "weight": "{tokens.font.weights.light}",
475
- "style": "{tokens.font.styles.normal}"
476
- },
477
- {
478
- "weight": "{tokens.font.weights.light}",
479
- "style": "{tokens.font.styles.italic}"
480
- },
481
- {
482
- "weight": "{tokens.font.weights.regular}",
483
- "style": "{tokens.font.styles.normal}"
484
- },
485
- {
486
- "weight": "{tokens.font.weights.regular}",
487
- "style": "{tokens.font.styles.italic}"
488
- },
489
- {
490
- "weight": "{tokens.font.weights.bold}",
491
- "style": "{tokens.font.styles.normal}"
492
- },
493
- {
494
- "weight": "{tokens.font.weights.bold}",
495
- "style": "{tokens.font.styles.italic}"
496
- }
497
- ]
498
- }
499
- },
500
- "quattrocento": {
501
- "$type": "fontFamily",
502
- "$value": [
503
- "Quattrocento",
504
- "serif"
505
- ],
506
- "$extensions": {
507
- "com.google.fonts": {
508
- "url": "https://fonts.googleapis.com/css2?family=Quattrocento&display=swap"
509
- },
510
- "variants": [
511
- {
512
- "weight": "{tokens.font.weights.regular}",
513
- "style": "{tokens.font.styles.normal}"
514
- },
515
- {
516
- "weight": "{tokens.font.weights.bold}",
517
- "style": "{tokens.font.styles.normal}"
518
- }
519
- ]
520
- }
521
- },
522
411
  "dongle": {
523
412
  "$type": "fontFamily",
524
413
  "$value": [
@@ -717,49 +606,49 @@
717
606
  "shortest": {
718
607
  "$type": "dimension",
719
608
  "$value": {
720
- "value": 0.9,
609
+ "value": 0.7,
721
610
  "unit": "em"
722
611
  }
723
612
  },
724
613
  "shorter": {
725
614
  "$type": "dimension",
726
615
  "$value": {
727
- "value": 0.95,
616
+ "value": 0.8,
728
617
  "unit": "em"
729
618
  }
730
619
  },
731
620
  "short": {
732
621
  "$type": "dimension",
733
622
  "$value": {
734
- "value": 1,
623
+ "value": 0.9,
735
624
  "unit": "em"
736
625
  }
737
626
  },
738
627
  "default": {
739
628
  "$type": "dimension",
740
629
  "$value": {
741
- "value": 1.05,
630
+ "value": 1,
742
631
  "unit": "em"
743
632
  }
744
633
  },
745
634
  "tall": {
746
635
  "$type": "dimension",
747
636
  "$value": {
748
- "value": 1.175,
637
+ "value": 1.2,
749
638
  "unit": "em"
750
639
  }
751
640
  },
752
641
  "taller": {
753
642
  "$type": "dimension",
754
643
  "$value": {
755
- "value": 1.3,
644
+ "value": 1.4,
756
645
  "unit": "em"
757
646
  }
758
647
  },
759
648
  "tallest": {
760
649
  "$type": "dimension",
761
650
  "$value": {
762
- "value": 1.4,
651
+ "value": 1.6,
763
652
  "unit": "em"
764
653
  }
765
654
  }
@@ -873,8 +762,8 @@
873
762
  },
874
763
  "$extensions": {
875
764
  "recursica.metadata": {
876
- "exportedAt": "2026-09-04T14:32:17.564Z",
877
- "version": "0.27.1"
765
+ "exportedAt": "2026-10-02T22:19:36.595Z",
766
+ "version": "0.29.0"
878
767
  }
879
768
  }
880
769
  }