@rango-dev/ui 0.22.1-next.16 → 0.22.1-next.18

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 (61) hide show
  1. package/dist/index.js +6 -6
  2. package/dist/index.js.map +4 -4
  3. package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts +157 -0
  4. package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts.map +1 -1
  5. package/dist/widget/ui/src/components/BlockchainsChip/BlockchainsChip.styles.d.ts.map +1 -1
  6. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.d.ts.map +1 -1
  7. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts +314 -0
  8. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts.map +1 -1
  9. package/dist/widget/ui/src/components/StepDetails/StepDetails.d.ts.map +1 -1
  10. package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts +6 -0
  11. package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts.map +1 -1
  12. package/dist/widget/ui/src/components/SwapListItem/mock.d.ts +1 -1
  13. package/dist/widget/ui/src/components/SwapListItem/mock.d.ts.map +1 -1
  14. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.d.ts.map +1 -1
  15. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts +471 -1
  16. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts.map +1 -1
  17. package/dist/widget/ui/src/components/common/Image.d.ts +157 -0
  18. package/dist/widget/ui/src/components/common/Image.d.ts.map +1 -1
  19. package/dist/widget/ui/src/components/common/index.d.ts +1 -1
  20. package/dist/widget/ui/src/components/common/index.d.ts.map +1 -1
  21. package/dist/widget/ui/src/containers/SwapHistory/SwapHistory.d.ts +1 -1
  22. package/dist/widget/ui/src/containers/SwapHistory/SwapHistory.d.ts.map +1 -1
  23. package/dist/widget/ui/src/containers/SwapHistory/SwapHistory.stories.d.ts +2 -2
  24. package/dist/widget/ui/src/containers/SwapHistory/SwapHistory.stories.d.ts.map +1 -1
  25. package/dist/widget/ui/src/containers/SwapHistory/mock.d.ts +1 -1
  26. package/dist/widget/ui/src/containers/SwapHistory/mock.d.ts.map +1 -1
  27. package/dist/widget/ui/src/containers/SwapInput/SwapInput.d.ts.map +1 -1
  28. package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts +942 -0
  29. package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map +1 -1
  30. package/dist/widget/ui/src/containers/SwapInput/TokenSection.d.ts.map +1 -1
  31. package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts +471 -0
  32. package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts.map +1 -1
  33. package/dist/widget/ui/src/types/index.d.ts +0 -1
  34. package/dist/widget/ui/src/types/index.d.ts.map +1 -1
  35. package/dist/widget/ui/src/types/swaps.d.ts +1 -27
  36. package/dist/widget/ui/src/types/swaps.d.ts.map +1 -1
  37. package/package.json +4 -4
  38. package/src/components/Alert/Alert.styles.ts +7 -7
  39. package/src/components/Alert/Alert.tsx +2 -2
  40. package/src/components/BlockchainsChip/BlockchainsChip.styles.ts +2 -1
  41. package/src/components/QuoteCost/QuoteCost.styles.ts +14 -12
  42. package/src/components/QuoteCost/QuoteCost.tsx +12 -7
  43. package/src/components/StepDetails/StepDetails.styles.ts +32 -24
  44. package/src/components/StepDetails/StepDetails.tsx +8 -4
  45. package/src/components/SwapListItem/mock.ts +21 -6
  46. package/src/components/TokenAmount/TokenAmount.styles.ts +12 -10
  47. package/src/components/TokenAmount/TokenAmount.tsx +23 -17
  48. package/src/components/common/Image.tsx +1 -2
  49. package/src/components/common/index.ts +1 -1
  50. package/src/containers/SwapHistory/SwapHistory.stories.tsx +5 -2
  51. package/src/containers/SwapHistory/SwapHistory.tsx +1 -1
  52. package/src/containers/SwapHistory/mock.ts +24 -8
  53. package/src/containers/SwapInput/SwapInput.styles.ts +34 -27
  54. package/src/containers/SwapInput/SwapInput.tsx +14 -8
  55. package/src/containers/SwapInput/TokenSection.styles.ts +16 -13
  56. package/src/containers/SwapInput/TokenSection.tsx +10 -4
  57. package/src/types/index.ts +0 -1
  58. package/src/types/swaps.ts +0 -38
  59. package/dist/widget/ui/src/containers/History/types.d.ts +0 -2
  60. package/dist/widget/ui/src/containers/History/types.d.ts.map +0 -1
  61. package/src/containers/History/types.tsx +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":";;;AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAgDpB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAUtB,CAAC;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAMpB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAwB1B,CAAC"}
1
+ {"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"TokenSection.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBA8CpD"}
1
+ {"version":3,"file":"TokenSection.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBA8CpD"}
@@ -437,6 +437,163 @@ export declare const Container: import("@stitches/react/types/styled-component")
437
437
  zIndices: {};
438
438
  transitions: {};
439
439
  }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
440
+ export declare const chainNameStyles: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
441
+ sm: string;
442
+ md: string;
443
+ lg: string;
444
+ }, import("@stitches/react/types/css-util").CSS<{
445
+ sm: string;
446
+ md: string;
447
+ lg: string;
448
+ }, {
449
+ colors: {
450
+ primary: string;
451
+ primary500: string;
452
+ primary600: string;
453
+ secondary: string;
454
+ secondary100: string;
455
+ secondary200: string;
456
+ secondary300: string;
457
+ secondary400: string;
458
+ secondary500: string;
459
+ secondary600: string;
460
+ secondary700: string;
461
+ secondary800: string;
462
+ secondary900: string;
463
+ neutral: string;
464
+ neutral100: string;
465
+ neutral200: string;
466
+ neutral300: string;
467
+ neutral400: string;
468
+ neutral500: string;
469
+ neutral600: string;
470
+ neutral700: string;
471
+ neutral800: string;
472
+ neutral900: string;
473
+ error100: string;
474
+ error300: string;
475
+ error500: string;
476
+ error600: string;
477
+ error700: string;
478
+ warning100: string;
479
+ warning300: string;
480
+ warning500: string;
481
+ warning600: string;
482
+ warning700: string;
483
+ info: string;
484
+ info100: string;
485
+ info300: string;
486
+ info500: string;
487
+ info600: string;
488
+ info700: string;
489
+ success100: string;
490
+ success300: string;
491
+ success500: string;
492
+ success600: string;
493
+ success700: string;
494
+ background: string;
495
+ foreground: string;
496
+ };
497
+ space: {
498
+ 0: string;
499
+ 5: string;
500
+ 10: string;
501
+ 15: string;
502
+ 20: string;
503
+ 25: string;
504
+ 30: string;
505
+ 40: string;
506
+ 46: string;
507
+ 50: string;
508
+ 60: string;
509
+ 70: string;
510
+ 80: string;
511
+ 90: string;
512
+ 100: string;
513
+ 2: string;
514
+ 4: string;
515
+ 6: string;
516
+ 8: string;
517
+ 12: string;
518
+ 16: string;
519
+ 24: string;
520
+ 28: string;
521
+ 32: string;
522
+ };
523
+ radii: {
524
+ xs: string;
525
+ sm: string;
526
+ xm: string;
527
+ md: string;
528
+ xl: string;
529
+ lg: string;
530
+ primary: string;
531
+ secondary: string;
532
+ };
533
+ fontSizes: {
534
+ 10: string;
535
+ 12: string;
536
+ 14: string;
537
+ 16: string;
538
+ 18: string;
539
+ 20: string;
540
+ 22: string;
541
+ 24: string;
542
+ 28: string;
543
+ 32: string;
544
+ 36: string;
545
+ 40: string;
546
+ 48: string;
547
+ };
548
+ fonts: {
549
+ primary: string;
550
+ widget: string;
551
+ };
552
+ fontWeights: {
553
+ regular: number;
554
+ medium: number;
555
+ semiBold: number;
556
+ bold: number;
557
+ };
558
+ lineHeights: {
559
+ 12: string;
560
+ 16: string;
561
+ 20: string;
562
+ 24: string;
563
+ 26: string;
564
+ 28: string;
565
+ 30: string;
566
+ 36: string;
567
+ 40: string;
568
+ 44: string;
569
+ 52: string;
570
+ 64: string;
571
+ };
572
+ letterSpacings: {};
573
+ sizes: {
574
+ 4: string;
575
+ 6: string;
576
+ 8: string;
577
+ 12: string;
578
+ 16: string;
579
+ 18: string;
580
+ 20: string;
581
+ 24: string;
582
+ 28: string;
583
+ 32: string;
584
+ 36: string;
585
+ 40: string;
586
+ 45: string;
587
+ 48: string;
588
+ };
589
+ borderWidths: {};
590
+ borderStyles: {};
591
+ shadows: {
592
+ s: string;
593
+ };
594
+ zIndices: {};
595
+ transitions: {};
596
+ }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
440
597
  export declare const TokenSectionContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
441
598
  sm: string;
442
599
  md: string;
@@ -594,4 +751,318 @@ export declare const TokenSectionContainer: import("@stitches/react/types/styled
594
751
  zIndices: {};
595
752
  transitions: {};
596
753
  }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
754
+ export declare const tokenChainStyles: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
755
+ sm: string;
756
+ md: string;
757
+ lg: string;
758
+ }, import("@stitches/react/types/css-util").CSS<{
759
+ sm: string;
760
+ md: string;
761
+ lg: string;
762
+ }, {
763
+ colors: {
764
+ primary: string;
765
+ primary500: string;
766
+ primary600: string;
767
+ secondary: string;
768
+ secondary100: string;
769
+ secondary200: string;
770
+ secondary300: string;
771
+ secondary400: string;
772
+ secondary500: string;
773
+ secondary600: string;
774
+ secondary700: string;
775
+ secondary800: string;
776
+ secondary900: string;
777
+ neutral: string;
778
+ neutral100: string;
779
+ neutral200: string;
780
+ neutral300: string;
781
+ neutral400: string;
782
+ neutral500: string;
783
+ neutral600: string;
784
+ neutral700: string;
785
+ neutral800: string;
786
+ neutral900: string;
787
+ error100: string;
788
+ error300: string;
789
+ error500: string;
790
+ error600: string;
791
+ error700: string;
792
+ warning100: string;
793
+ warning300: string;
794
+ warning500: string;
795
+ warning600: string;
796
+ warning700: string;
797
+ info: string;
798
+ info100: string;
799
+ info300: string;
800
+ info500: string;
801
+ info600: string;
802
+ info700: string;
803
+ success100: string;
804
+ success300: string;
805
+ success500: string;
806
+ success600: string;
807
+ success700: string;
808
+ background: string;
809
+ foreground: string;
810
+ };
811
+ space: {
812
+ 0: string;
813
+ 5: string;
814
+ 10: string;
815
+ 15: string;
816
+ 20: string;
817
+ 25: string;
818
+ 30: string;
819
+ 40: string;
820
+ 46: string;
821
+ 50: string;
822
+ 60: string;
823
+ 70: string;
824
+ 80: string;
825
+ 90: string;
826
+ 100: string;
827
+ 2: string;
828
+ 4: string;
829
+ 6: string;
830
+ 8: string;
831
+ 12: string;
832
+ 16: string;
833
+ 24: string;
834
+ 28: string;
835
+ 32: string;
836
+ };
837
+ radii: {
838
+ xs: string;
839
+ sm: string;
840
+ xm: string;
841
+ md: string;
842
+ xl: string;
843
+ lg: string;
844
+ primary: string;
845
+ secondary: string;
846
+ };
847
+ fontSizes: {
848
+ 10: string;
849
+ 12: string;
850
+ 14: string;
851
+ 16: string;
852
+ 18: string;
853
+ 20: string;
854
+ 22: string;
855
+ 24: string;
856
+ 28: string;
857
+ 32: string;
858
+ 36: string;
859
+ 40: string;
860
+ 48: string;
861
+ };
862
+ fonts: {
863
+ primary: string;
864
+ widget: string;
865
+ };
866
+ fontWeights: {
867
+ regular: number;
868
+ medium: number;
869
+ semiBold: number;
870
+ bold: number;
871
+ };
872
+ lineHeights: {
873
+ 12: string;
874
+ 16: string;
875
+ 20: string;
876
+ 24: string;
877
+ 26: string;
878
+ 28: string;
879
+ 30: string;
880
+ 36: string;
881
+ 40: string;
882
+ 44: string;
883
+ 52: string;
884
+ 64: string;
885
+ };
886
+ letterSpacings: {};
887
+ sizes: {
888
+ 4: string;
889
+ 6: string;
890
+ 8: string;
891
+ 12: string;
892
+ 16: string;
893
+ 18: string;
894
+ 20: string;
895
+ 24: string;
896
+ 28: string;
897
+ 32: string;
898
+ 36: string;
899
+ 40: string;
900
+ 45: string;
901
+ 48: string;
902
+ };
903
+ borderWidths: {};
904
+ borderStyles: {};
905
+ shadows: {
906
+ s: string;
907
+ };
908
+ zIndices: {};
909
+ transitions: {};
910
+ }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
911
+ export declare const skeletonStyles: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
912
+ sm: string;
913
+ md: string;
914
+ lg: string;
915
+ }, import("@stitches/react/types/css-util").CSS<{
916
+ sm: string;
917
+ md: string;
918
+ lg: string;
919
+ }, {
920
+ colors: {
921
+ primary: string;
922
+ primary500: string;
923
+ primary600: string;
924
+ secondary: string;
925
+ secondary100: string;
926
+ secondary200: string;
927
+ secondary300: string;
928
+ secondary400: string;
929
+ secondary500: string;
930
+ secondary600: string;
931
+ secondary700: string;
932
+ secondary800: string;
933
+ secondary900: string;
934
+ neutral: string;
935
+ neutral100: string;
936
+ neutral200: string;
937
+ neutral300: string;
938
+ neutral400: string;
939
+ neutral500: string;
940
+ neutral600: string;
941
+ neutral700: string;
942
+ neutral800: string;
943
+ neutral900: string;
944
+ error100: string;
945
+ error300: string;
946
+ error500: string;
947
+ error600: string;
948
+ error700: string;
949
+ warning100: string;
950
+ warning300: string;
951
+ warning500: string;
952
+ warning600: string;
953
+ warning700: string;
954
+ info: string;
955
+ info100: string;
956
+ info300: string;
957
+ info500: string;
958
+ info600: string;
959
+ info700: string;
960
+ success100: string;
961
+ success300: string;
962
+ success500: string;
963
+ success600: string;
964
+ success700: string;
965
+ background: string;
966
+ foreground: string;
967
+ };
968
+ space: {
969
+ 0: string;
970
+ 5: string;
971
+ 10: string;
972
+ 15: string;
973
+ 20: string;
974
+ 25: string;
975
+ 30: string;
976
+ 40: string;
977
+ 46: string;
978
+ 50: string;
979
+ 60: string;
980
+ 70: string;
981
+ 80: string;
982
+ 90: string;
983
+ 100: string;
984
+ 2: string;
985
+ 4: string;
986
+ 6: string;
987
+ 8: string;
988
+ 12: string;
989
+ 16: string;
990
+ 24: string;
991
+ 28: string;
992
+ 32: string;
993
+ };
994
+ radii: {
995
+ xs: string;
996
+ sm: string;
997
+ xm: string;
998
+ md: string;
999
+ xl: string;
1000
+ lg: string;
1001
+ primary: string;
1002
+ secondary: string;
1003
+ };
1004
+ fontSizes: {
1005
+ 10: string;
1006
+ 12: string;
1007
+ 14: string;
1008
+ 16: string;
1009
+ 18: string;
1010
+ 20: string;
1011
+ 22: string;
1012
+ 24: string;
1013
+ 28: string;
1014
+ 32: string;
1015
+ 36: string;
1016
+ 40: string;
1017
+ 48: string;
1018
+ };
1019
+ fonts: {
1020
+ primary: string;
1021
+ widget: string;
1022
+ };
1023
+ fontWeights: {
1024
+ regular: number;
1025
+ medium: number;
1026
+ semiBold: number;
1027
+ bold: number;
1028
+ };
1029
+ lineHeights: {
1030
+ 12: string;
1031
+ 16: string;
1032
+ 20: string;
1033
+ 24: string;
1034
+ 26: string;
1035
+ 28: string;
1036
+ 30: string;
1037
+ 36: string;
1038
+ 40: string;
1039
+ 44: string;
1040
+ 52: string;
1041
+ 64: string;
1042
+ };
1043
+ letterSpacings: {};
1044
+ sizes: {
1045
+ 4: string;
1046
+ 6: string;
1047
+ 8: string;
1048
+ 12: string;
1049
+ 16: string;
1050
+ 18: string;
1051
+ 20: string;
1052
+ 24: string;
1053
+ 28: string;
1054
+ 32: string;
1055
+ 36: string;
1056
+ 40: string;
1057
+ 45: string;
1058
+ 48: string;
1059
+ };
1060
+ borderWidths: {};
1061
+ borderStyles: {};
1062
+ shadows: {
1063
+ s: string;
1064
+ };
1065
+ zIndices: {};
1066
+ transitions: {};
1067
+ }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
597
1068
  //# sourceMappingURL=TokenSection.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TokenSection.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.styles.ts"],"names":[],"mappings":";;;AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAyBpB,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA0BhC,CAAC"}
1
+ {"version":3,"file":"TokenSection.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/TokenSection.styles.ts"],"names":[],"mappings":";;;AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAyBpB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAQ,CAAC;AAErC,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAehC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAM3B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAEzB,CAAC"}
@@ -1,3 +1,2 @@
1
- export type { BestRouteWithFee } from './swaps';
2
1
  export type { ConnectedWallet } from './wallet';
3
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}
@@ -1,30 +1,4 @@
1
- import type { BestRouteResponse, BlockchainValidationStatus, SimulationResult, SwapResult, WalletRequiredAssets } from 'rango-sdk';
2
- export type SwapStatus = 'running' | 'failed' | 'success';
3
- export type MessageSeverity = 'error' | 'warning' | 'info' | 'success';
4
- export type StepStatus = 'created' | 'running' | 'failed' | 'success' | 'waitingForApproval' | 'approved';
5
- export declare enum PendingSwapNetworkStatus {
6
- WaitingForConnectingWallet = "waitingForConnectingWallet",
7
- WaitingForQueue = "waitingForQueue",
8
- WaitingForNetworkChange = "waitingForNetworkChange",
9
- NetworkChanged = "networkChanged"
10
- }
11
- export type WalletTypeAndAddress = {
12
- walletType: string;
13
- address: string;
14
- };
15
- export type SwapSavedSettings = {
16
- slippage: string;
17
- disabledSwappersIds: string[];
18
- disabledSwappersGroups: string[];
19
- };
1
+ import type { BlockchainValidationStatus, WalletRequiredAssets } from 'rango-sdk';
20
2
  export type SimulationAssetAndAmount = WalletRequiredAssets;
21
3
  export type SimulationValidationStatus = BlockchainValidationStatus;
22
- export type BestRouteType = BestRouteResponse;
23
- export type BestRouteWithFee = Omit<BestRouteResponse, 'result'> & {
24
- result: Omit<SimulationResult, 'swaps'> & {
25
- swaps: (SwapResult & {
26
- feeInUsd?: string;
27
- })[];
28
- };
29
- };
30
4
  //# sourceMappingURL=swaps.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"swaps.d.ts","sourceRoot":"","sources":["../../../../../src/types/swaps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,0BAA0B,EAC1B,gBAAgB,EAChB,UAAU,EACV,oBAAoB,EACrB,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvE,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,GACT,oBAAoB,GACpB,UAAU,CAAC;AAEf,oBAAY,wBAAwB;IAClC,0BAA0B,+BAA+B;IACzD,eAAe,oBAAoB;IACnC,uBAAuB,4BAA4B;IACnD,cAAc,mBAAmB;CAClC;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,sBAAsB,EAAE,MAAM,EAAE,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,oBAAoB,CAAC;AAC5D,MAAM,MAAM,0BAA0B,GAAG,0BAA0B,CAAC;AACpE,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,GAAG;IACjE,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAAG;QACxC,KAAK,EAAE,CAAC,UAAU,GAAG;YAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,EAAE,CAAC;KAC/C,CAAC;CACH,CAAC"}
1
+ {"version":3,"file":"swaps.d.ts","sourceRoot":"","sources":["../../../../../src/types/swaps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,0BAA0B,EAC1B,oBAAoB,EACrB,MAAM,WAAW,CAAC;AAEnB,MAAM,MAAM,wBAAwB,GAAG,oBAAoB,CAAC;AAC5D,MAAM,MAAM,0BAA0B,GAAG,0BAA0B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rango-dev/ui",
3
- "version": "0.22.1-next.16",
3
+ "version": "0.22.1-next.18",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "source": "./src/index.ts",
@@ -26,7 +26,6 @@
26
26
  "peerDependencies": {
27
27
  "@lingui/core": "4.2.1",
28
28
  "@lingui/react": "4.2.1",
29
- "@rango-dev/queue-manager-rango-preset": "*",
30
29
  "react": ">=16"
31
30
  },
32
31
  "devDependencies": {
@@ -66,9 +65,10 @@
66
65
  "@radix-ui/react-radio-group": "^1.1.1",
67
66
  "@radix-ui/react-switch": "^1.0.1",
68
67
  "@radix-ui/react-tooltip": "^1.0.2",
69
- "@rango-dev/wallets-shared": "^0.21.1-next.5",
68
+ "@rango-dev/wallets-shared": "^0.21.1-next.6",
70
69
  "@stitches/react": "^1.2.8",
71
- "rango-sdk": "^0.1.35",
70
+ "rango-sdk": "^0.1.44",
71
+ "rango-types": "^0.1.57",
72
72
  "react-virtualized-auto-sizer": "^1.0.7",
73
73
  "react-window": "^1.8.8",
74
74
  "react-window-infinite-loader": "^1.0.8",
@@ -1,16 +1,10 @@
1
- import { darkTheme, styled } from '../../theme';
1
+ import { css, darkTheme, styled } from '../../theme';
2
2
 
3
3
  export const Container = styled('div', {
4
4
  display: 'flex',
5
5
  flexDirection: 'column',
6
6
  borderRadius: '$xs',
7
7
 
8
- '.title': {
9
- display: 'flex',
10
- alignItems: 'center',
11
- flex: '1 0 0',
12
- },
13
-
14
8
  '.title_typography:first-letter': {
15
9
  textTransform: 'uppercase',
16
10
  },
@@ -161,3 +155,9 @@ export const IconHighlight = styled('div', {
161
155
  },
162
156
  },
163
157
  });
158
+
159
+ export const titleStyles = css({
160
+ display: 'flex',
161
+ alignItems: 'center',
162
+ flex: '1 0 0',
163
+ });
@@ -7,7 +7,7 @@ import { Divider } from '../Divider';
7
7
  import { Typography } from '../Typography';
8
8
 
9
9
  import { getColor } from './Alert.helpers';
10
- import { Container, IconHighlight, Main } from './Alert.styles';
10
+ import { Container, IconHighlight, Main, titleStyles } from './Alert.styles';
11
11
  import AlertIcon from './AlertIcon';
12
12
 
13
13
  export function Alert(props: PropsWithChildren<PropTypes>) {
@@ -28,7 +28,7 @@ export function Alert(props: PropsWithChildren<PropTypes>) {
28
28
  type={type}
29
29
  variant={variant}>
30
30
  <Main variant={variant}>
31
- <div className="title">
31
+ <div className={titleStyles()}>
32
32
  <IconHighlight type={type}>
33
33
  <AlertIcon type={type} />
34
34
  </IconHighlight>
@@ -1,4 +1,5 @@
1
1
  import { darkTheme, styled } from '../../theme';
2
+ import { ImageContainer } from '../common';
2
3
 
3
4
  export const Chip = styled('button', {
4
5
  padding: '$10',
@@ -15,7 +16,7 @@ export const Chip = styled('button', {
15
16
  cursor: 'pointer',
16
17
  border: 0,
17
18
  fontFamily: 'inherit',
18
- '.image-container': {
19
+ [`& ${ImageContainer}`]: {
19
20
  borderRadius: '$xm',
20
21
  overflow: 'hidden',
21
22
  },
@@ -1,4 +1,4 @@
1
- import { styled } from '../../theme';
1
+ import { css, styled } from '../../theme';
2
2
 
3
3
  export const Container = styled('div', {
4
4
  borderRadius: '$xs',
@@ -6,17 +6,6 @@ export const Container = styled('div', {
6
6
  justifyContent: 'start',
7
7
  alignItems: 'center',
8
8
  paddingBottom: '$10',
9
- '& .item': {
10
- display: 'flex',
11
- alignItems: 'center',
12
- },
13
- '& .icon': {
14
- width: '$16',
15
- height: '$16',
16
- display: 'flex',
17
- justifyContent: 'center',
18
- alignItems: 'center',
19
- },
20
9
  });
21
10
 
22
11
  export const Separator = styled('div', {
@@ -25,3 +14,16 @@ export const Separator = styled('div', {
25
14
  marginRight: '$10',
26
15
  borderLeft: '1px solid $foreground',
27
16
  });
17
+
18
+ export const iconStyles = css({
19
+ width: '$16',
20
+ height: '$16',
21
+ display: 'flex',
22
+ justifyContent: 'center',
23
+ alignItems: 'center',
24
+ });
25
+
26
+ export const itemStyles = css({
27
+ display: 'flex',
28
+ alignItems: 'center',
29
+ });