@atom-learning/components 3.26.0 → 3.27.0-beta.1

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/dist/components/action-icon/ActionIcon.js +1 -1
  2. package/dist/components/action-icon/ActionIcon.js.map +1 -1
  3. package/dist/components/button/Button.js +1 -1
  4. package/dist/components/button/Button.js.map +1 -1
  5. package/dist/components/dropdown-menu/DropdownMenuLinkItem.js +1 -1
  6. package/dist/components/dropdown-menu/DropdownMenuLinkItem.js.map +1 -1
  7. package/dist/components/link/Link.js +1 -1
  8. package/dist/components/link/Link.js.map +1 -1
  9. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.d.ts +1 -1
  10. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.js +1 -1
  11. package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.js.map +1 -1
  12. package/dist/components/side-bar/SideBar.d.ts +364 -360
  13. package/dist/components/side-bar/SideBarComponents.d.ts +10 -8
  14. package/dist/components/side-bar/SideBarComponents.js +1 -1
  15. package/dist/components/side-bar/SideBarComponents.js.map +1 -1
  16. package/dist/components/tile-interactive/TileInteractive.js +1 -1
  17. package/dist/components/tile-interactive/TileInteractive.js.map +1 -1
  18. package/dist/components/top-bar/TopBar.d.ts +364 -360
  19. package/dist/components/top-bar/TopBarBrand.d.ts +2 -1
  20. package/dist/components/top-bar/TopBarBrand.js +1 -1
  21. package/dist/components/top-bar/TopBarBrand.js.map +1 -1
  22. package/dist/context/router/index.d.ts +10 -0
  23. package/dist/context/router/index.js +2 -0
  24. package/dist/context/router/index.js.map +1 -0
  25. package/dist/docgen.json +1 -1
  26. package/dist/index.cjs.js +1 -1
  27. package/dist/index.cjs.js.map +1 -1
  28. package/dist/index.d.ts +1 -0
  29. package/dist/index.js +1 -1
  30. package/package.json +1 -1
  31. package/CHANGELOG.md +0 -207
package/dist/components/top-bar/TopBar.d.ts CHANGED
@@ -379,7 +379,9 @@ export declare const TopBar: {
379
379
  ({ size, className, ...props }: TopBarProps): JSX.Element;
380
380
  displayName: string;
381
381
  } & {
382
- Brand: import("@stitches/react/types/styled-component").StyledComponent<"a", {}, {
382
+ Brand: ({ href, ...props }: Omit<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & {
383
+ ref?: ((instance: HTMLAnchorElement | null) => void) | React.RefObject<HTMLAnchorElement> | null | undefined;
384
+ }, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
383
385
  sm: string;
384
386
  md: string;
385
387
  lg: string;
@@ -387,365 +389,367 @@ export declare const TopBar: {
387
389
  reducedMotion: string;
388
390
  allowMotion: string;
389
391
  hover: string;
390
- }, import("@stitches/react/types/css-util").CSS<{
391
- sm: string;
392
- md: string;
393
- lg: string;
394
- xl: string;
395
- reducedMotion: string;
396
- allowMotion: string;
397
- hover: string;
398
- }, {
399
- colors: {
400
- textBold: any;
401
- textRegular: any;
402
- textSubtle: any;
403
- textMinimal: any;
404
- background: any;
405
- backgroundAccent: any;
406
- grey100: any;
407
- grey200: any;
408
- grey300: any;
409
- grey400: any;
410
- grey500: any;
411
- grey600: any;
412
- grey700: any;
413
- grey800: any;
414
- grey900: any;
415
- grey1000: any;
416
- grey1100: any;
417
- grey1200: any;
418
- blue100: any;
419
- blue200: any;
420
- blue300: any;
421
- blue400: any;
422
- blue500: any;
423
- blue600: any;
424
- blue700: any;
425
- blue800: any;
426
- blue900: any;
427
- blue1000: any;
428
- blue1100: any;
429
- blue1200: any;
430
- purple100: any;
431
- purple200: any;
432
- purple300: any;
433
- purple400: any;
434
- purple500: any;
435
- purple600: any;
436
- purple700: any;
437
- purple800: any;
438
- purple900: any;
439
- purple1000: any;
440
- purple1100: any;
441
- purple1200: any;
442
- cyan100: any;
443
- cyan200: any;
444
- cyan300: any;
445
- cyan400: any;
446
- cyan500: any;
447
- cyan600: any;
448
- cyan700: any;
449
- cyan800: any;
450
- cyan900: any;
451
- cyan1000: any;
452
- cyan1100: any;
453
- cyan1200: any;
454
- green100: any;
455
- green200: any;
456
- green300: any;
457
- green400: any;
458
- green500: any;
459
- green600: any;
460
- green700: any;
461
- green800: any;
462
- green900: any;
463
- green1000: any;
464
- green1100: any;
465
- green1200: any;
466
- magenta100: any;
467
- magenta200: any;
468
- magenta300: any;
469
- magenta400: any;
470
- magenta500: any;
471
- magenta600: any;
472
- magenta700: any;
473
- magenta800: any;
474
- magenta900: any;
475
- magenta1000: any;
476
- magenta1100: any;
477
- magenta1200: any;
478
- red100: any;
479
- red200: any;
480
- red300: any;
481
- red400: any;
482
- red500: any;
483
- red600: any;
484
- red700: any;
485
- red800: any;
486
- red900: any;
487
- red1000: any;
488
- red1100: any;
489
- red1200: any;
490
- teal100: any;
491
- teal200: any;
492
- teal300: any;
493
- teal400: any;
494
- teal500: any;
495
- teal600: any;
496
- teal700: any;
497
- teal800: any;
498
- teal900: any;
499
- teal1000: any;
500
- teal1100: any;
501
- teal1200: any;
502
- orange100: any;
503
- orange200: any;
504
- orange300: any;
505
- orange400: any;
506
- orange500: any;
507
- orange600: any;
508
- orange700: any;
509
- orange800: any;
510
- orange900: any;
511
- orange1000: any;
512
- orange1100: any;
513
- orange1200: any;
514
- yellow100: any;
515
- yellow200: any;
516
- yellow300: any;
517
- yellow400: any;
518
- yellow500: any;
519
- yellow600: any;
520
- yellow700: any;
521
- yellow800: any;
522
- yellow900: any;
523
- yellow1000: any;
524
- yellow1100: any;
525
- yellow1200: any;
526
- lime100: any;
527
- lime200: any;
528
- lime300: any;
529
- lime400: any;
530
- lime500: any;
531
- lime600: any;
532
- lime700: any;
533
- lime800: any;
534
- lime900: any;
535
- lime1000: any;
536
- lime1100: any;
537
- lime1200: any;
538
- lapis100: any;
539
- lapis200: any;
540
- lapis300: any;
541
- lapis400: any;
542
- lapis500: any;
543
- lapis600: any;
544
- lapis700: any;
545
- lapis800: any;
546
- lapis900: any;
547
- lapis1000: any;
548
- lapis1100: any;
549
- lapis1200: any;
550
- maroon100: any;
551
- maroon200: any;
552
- maroon300: any;
553
- maroon400: any;
554
- maroon500: any;
555
- maroon600: any;
556
- maroon700: any;
557
- maroon800: any;
558
- maroon900: any;
559
- maroon1000: any;
560
- maroon1100: any;
561
- maroon1200: any;
562
- marsh100: any;
563
- marsh200: any;
564
- marsh300: any;
565
- marsh400: any;
566
- marsh500: any;
567
- marsh600: any;
568
- marsh700: any;
569
- marsh800: any;
570
- marsh900: any;
571
- marsh1000: any;
572
- marsh1100: any;
573
- marsh1200: any;
574
- tonal50: any;
575
- tonal100: any;
576
- tonal200: any;
577
- tonal300: any;
578
- tonal400: any;
579
- tonal500: any;
580
- tonal600: any;
581
- alpha100: any;
582
- alpha150: any;
583
- alpha200: any;
584
- alpha250: any;
585
- alpha600: any;
586
- brandRed: any;
587
- brandRedAccent: any;
588
- brandGreen: any;
589
- brandGreenAccent: any;
590
- brandPurple: any;
591
- brandPurpleAccent: any;
592
- brandYellow: any;
593
- brandYellowAccent: any;
594
- infoLight: any;
595
- info: any;
596
- infoMid: any;
597
- infoDark: any;
598
- successLight: any;
599
- success: any;
600
- successMid: any;
601
- successDark: any;
602
- dangerLight: any;
603
- danger: any;
604
- dangerMid: any;
605
- dangerDark: any;
606
- warningLight: any;
607
- warning: any;
608
- warningMid: any;
609
- warningDark: any;
610
- warningText: any;
611
- subjectEnglish: any;
612
- subjectMaths: any;
613
- subjectScience: any;
614
- subjectVerbalReasoning: any;
615
- subjectNonVerbalReasoning: any;
616
- subjectCreativeWriting: any;
617
- subjectExamSkills: any;
618
- glBlueLight: any;
619
- glBluePrimary: any;
620
- glBlueDark: any;
621
- primary100: any;
622
- primary200: any;
623
- primary300: any;
624
- primary400: any;
625
- primary500: any;
626
- primary600: any;
627
- primary700: any;
628
- primary800: any;
629
- primary900: any;
630
- primary1000: any;
631
- primary1100: any;
632
- primary1200: any;
633
- };
634
- space: {
635
- "0": any;
636
- "1": any;
637
- "2": any;
638
- "3": any;
639
- "4": any;
640
- "5": any;
641
- "6": any;
642
- "7": any;
643
- "8": any;
644
- "9": any;
645
- "24": any;
646
- };
647
- fontSizes: {
648
- xs: any;
649
- sm: any;
650
- md: any;
651
- lg: any;
652
- xl: any;
653
- "2xl": any;
654
- "3xl": any;
655
- "4xl": any;
656
- };
657
- fonts: {
658
- sans: any;
659
- mono: any;
660
- display: any;
661
- body: any;
662
- };
663
- sizes: {
664
- "0": any;
665
- "1": any;
666
- "2": any;
667
- "3": any;
668
- "4": any;
669
- "5": any;
670
- "6": any;
671
- "7": any;
672
- "8": any;
673
- };
674
- radii: {
675
- "0": any;
676
- "1": any;
677
- "2": any;
678
- "3": any;
679
- round: any;
680
- };
681
- shadows: {
682
- "0": any;
683
- "1": any;
684
- "2": any;
685
- "3": any;
686
- };
687
- ratios: {
688
- "16-9": any;
689
- "3-2": any;
690
- "4-3": any;
691
- "1-1": any;
692
- "3-4": any;
693
- };
694
- }, import("@stitches/react/types/config").DefaultThemeMap, {
695
- bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
696
- background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
697
- };
698
- size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
699
- height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
700
- width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
701
- };
702
- p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
703
- padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
704
- };
705
- pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
706
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
707
- };
708
- pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
709
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
710
- };
711
- pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
712
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
713
- };
714
- pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
715
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
716
- };
717
- px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
718
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
719
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
720
- };
721
- py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
722
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
723
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
724
- };
725
- m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
726
- margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
727
- };
728
- mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
729
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
730
- };
731
- mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
732
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
733
- };
734
- mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
735
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
736
- };
737
- ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
738
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
739
- };
740
- mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
741
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
742
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
743
- };
744
- my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
745
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
746
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
747
- };
748
- }>>;
392
+ }> & {
393
+ css?: import("@stitches/react/types/css-util").CSS<{
394
+ sm: string;
395
+ md: string;
396
+ lg: string;
397
+ xl: string;
398
+ reducedMotion: string;
399
+ allowMotion: string;
400
+ hover: string;
401
+ }, {
402
+ colors: {
403
+ textBold: any;
404
+ textRegular: any;
405
+ textSubtle: any;
406
+ textMinimal: any;
407
+ background: any;
408
+ backgroundAccent: any;
409
+ grey100: any;
410
+ grey200: any;
411
+ grey300: any;
412
+ grey400: any;
413
+ grey500: any;
414
+ grey600: any;
415
+ grey700: any;
416
+ grey800: any;
417
+ grey900: any;
418
+ grey1000: any;
419
+ grey1100: any;
420
+ grey1200: any;
421
+ blue100: any;
422
+ blue200: any;
423
+ blue300: any;
424
+ blue400: any;
425
+ blue500: any;
426
+ blue600: any;
427
+ blue700: any;
428
+ blue800: any;
429
+ blue900: any;
430
+ blue1000: any;
431
+ blue1100: any;
432
+ blue1200: any;
433
+ purple100: any;
434
+ purple200: any;
435
+ purple300: any;
436
+ purple400: any;
437
+ purple500: any;
438
+ purple600: any;
439
+ purple700: any;
440
+ purple800: any;
441
+ purple900: any;
442
+ purple1000: any;
443
+ purple1100: any;
444
+ purple1200: any;
445
+ cyan100: any;
446
+ cyan200: any;
447
+ cyan300: any;
448
+ cyan400: any;
449
+ cyan500: any;
450
+ cyan600: any;
451
+ cyan700: any;
452
+ cyan800: any;
453
+ cyan900: any;
454
+ cyan1000: any;
455
+ cyan1100: any;
456
+ cyan1200: any;
457
+ green100: any;
458
+ green200: any;
459
+ green300: any;
460
+ green400: any;
461
+ green500: any;
462
+ green600: any;
463
+ green700: any;
464
+ green800: any;
465
+ green900: any;
466
+ green1000: any;
467
+ green1100: any;
468
+ green1200: any;
469
+ magenta100: any;
470
+ magenta200: any;
471
+ magenta300: any;
472
+ magenta400: any;
473
+ magenta500: any;
474
+ magenta600: any;
475
+ magenta700: any;
476
+ magenta800: any;
477
+ magenta900: any;
478
+ magenta1000: any;
479
+ magenta1100: any;
480
+ magenta1200: any;
481
+ red100: any;
482
+ red200: any;
483
+ red300: any;
484
+ red400: any;
485
+ red500: any;
486
+ red600: any;
487
+ red700: any;
488
+ red800: any;
489
+ red900: any;
490
+ red1000: any;
491
+ red1100: any;
492
+ red1200: any;
493
+ teal100: any;
494
+ teal200: any;
495
+ teal300: any;
496
+ teal400: any;
497
+ teal500: any;
498
+ teal600: any;
499
+ teal700: any;
500
+ teal800: any;
501
+ teal900: any;
502
+ teal1000: any;
503
+ teal1100: any;
504
+ teal1200: any;
505
+ orange100: any;
506
+ orange200: any;
507
+ orange300: any;
508
+ orange400: any;
509
+ orange500: any;
510
+ orange600: any;
511
+ orange700: any;
512
+ orange800: any;
513
+ orange900: any;
514
+ orange1000: any;
515
+ orange1100: any;
516
+ orange1200: any;
517
+ yellow100: any;
518
+ yellow200: any;
519
+ yellow300: any;
520
+ yellow400: any;
521
+ yellow500: any;
522
+ yellow600: any;
523
+ yellow700: any;
524
+ yellow800: any;
525
+ yellow900: any;
526
+ yellow1000: any;
527
+ yellow1100: any;
528
+ yellow1200: any;
529
+ lime100: any;
530
+ lime200: any;
531
+ lime300: any;
532
+ lime400: any;
533
+ lime500: any;
534
+ lime600: any;
535
+ lime700: any;
536
+ lime800: any;
537
+ lime900: any;
538
+ lime1000: any;
539
+ lime1100: any;
540
+ lime1200: any;
541
+ lapis100: any;
542
+ lapis200: any;
543
+ lapis300: any;
544
+ lapis400: any;
545
+ lapis500: any;
546
+ lapis600: any;
547
+ lapis700: any;
548
+ lapis800: any;
549
+ lapis900: any;
550
+ lapis1000: any;
551
+ lapis1100: any;
552
+ lapis1200: any;
553
+ maroon100: any;
554
+ maroon200: any;
555
+ maroon300: any;
556
+ maroon400: any;
557
+ maroon500: any;
558
+ maroon600: any;
559
+ maroon700: any;
560
+ maroon800: any;
561
+ maroon900: any;
562
+ maroon1000: any;
563
+ maroon1100: any;
564
+ maroon1200: any;
565
+ marsh100: any;
566
+ marsh200: any;
567
+ marsh300: any;
568
+ marsh400: any;
569
+ marsh500: any;
570
+ marsh600: any;
571
+ marsh700: any;
572
+ marsh800: any;
573
+ marsh900: any;
574
+ marsh1000: any;
575
+ marsh1100: any;
576
+ marsh1200: any;
577
+ tonal50: any;
578
+ tonal100: any;
579
+ tonal200: any;
580
+ tonal300: any;
581
+ tonal400: any;
582
+ tonal500: any;
583
+ tonal600: any;
584
+ alpha100: any;
585
+ alpha150: any;
586
+ alpha200: any;
587
+ alpha250: any;
588
+ alpha600: any;
589
+ brandRed: any;
590
+ brandRedAccent: any;
591
+ brandGreen: any;
592
+ brandGreenAccent: any;
593
+ brandPurple: any;
594
+ brandPurpleAccent: any;
595
+ brandYellow: any;
596
+ brandYellowAccent: any;
597
+ infoLight: any;
598
+ info: any;
599
+ infoMid: any;
600
+ infoDark: any;
601
+ successLight: any;
602
+ success: any;
603
+ successMid: any;
604
+ successDark: any;
605
+ dangerLight: any;
606
+ danger: any;
607
+ dangerMid: any;
608
+ dangerDark: any;
609
+ warningLight: any;
610
+ warning: any;
611
+ warningMid: any;
612
+ warningDark: any;
613
+ warningText: any;
614
+ subjectEnglish: any;
615
+ subjectMaths: any;
616
+ subjectScience: any;
617
+ subjectVerbalReasoning: any;
618
+ subjectNonVerbalReasoning: any;
619
+ subjectCreativeWriting: any;
620
+ subjectExamSkills: any;
621
+ glBlueLight: any;
622
+ glBluePrimary: any;
623
+ glBlueDark: any;
624
+ primary100: any;
625
+ primary200: any;
626
+ primary300: any;
627
+ primary400: any;
628
+ primary500: any;
629
+ primary600: any;
630
+ primary700: any;
631
+ primary800: any;
632
+ primary900: any;
633
+ primary1000: any;
634
+ primary1100: any;
635
+ primary1200: any;
636
+ };
637
+ space: {
638
+ "0": any;
639
+ "1": any;
640
+ "2": any;
641
+ "3": any;
642
+ "4": any;
643
+ "5": any;
644
+ "6": any;
645
+ "7": any;
646
+ "8": any;
647
+ "9": any;
648
+ "24": any;
649
+ };
650
+ fontSizes: {
651
+ xs: any;
652
+ sm: any;
653
+ md: any;
654
+ lg: any;
655
+ xl: any;
656
+ "2xl": any;
657
+ "3xl": any;
658
+ "4xl": any;
659
+ };
660
+ fonts: {
661
+ sans: any;
662
+ mono: any;
663
+ display: any;
664
+ body: any;
665
+ };
666
+ sizes: {
667
+ "0": any;
668
+ "1": any;
669
+ "2": any;
670
+ "3": any;
671
+ "4": any;
672
+ "5": any;
673
+ "6": any;
674
+ "7": any;
675
+ "8": any;
676
+ };
677
+ radii: {
678
+ "0": any;
679
+ "1": any;
680
+ "2": any;
681
+ "3": any;
682
+ round: any;
683
+ };
684
+ shadows: {
685
+ "0": any;
686
+ "1": any;
687
+ "2": any;
688
+ "3": any;
689
+ };
690
+ ratios: {
691
+ "16-9": any;
692
+ "3-2": any;
693
+ "4-3": any;
694
+ "1-1": any;
695
+ "3-4": any;
696
+ };
697
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
698
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
699
+ background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
700
+ };
701
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
702
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
703
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
704
+ };
705
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
706
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
707
+ };
708
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
709
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
710
+ };
711
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
712
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
713
+ };
714
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
715
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
716
+ };
717
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
718
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
719
+ };
720
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
721
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
722
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
723
+ };
724
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
725
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
726
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
727
+ };
728
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
729
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
730
+ };
731
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
732
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
733
+ };
734
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
735
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
736
+ };
737
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
738
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
739
+ };
740
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
741
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
742
+ };
743
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
744
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
745
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
746
+ };
747
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
748
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
749
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
750
+ };
751
+ }> | undefined;
752
+ }) => JSX.Element;
749
753
  BrandLogo: {
750
754
  ({ src, alt, css }: {
751
755
  src: string;