@rango-dev/ui 0.46.2-next.1 → 0.46.2-next.3
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.
- package/dist/index.js +1 -1
- package/dist/index.js.map +3 -3
- package/dist/ui.build.json +1 -1
- package/dist/widget/ui/src/components/StepDetails/StepDetails.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Wallet/SelectableWallet.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Wallet/Wallet.d.ts +1 -0
- package/dist/widget/ui/src/components/Wallet/Wallet.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Wallet/Wallet.helpers.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts +321 -0
- package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Wallet/Wallet.types.d.ts +3 -1
- package/dist/widget/ui/src/components/Wallet/Wallet.types.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Wallet/index.d.ts +1 -0
- package/dist/widget/ui/src/components/Wallet/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/StepDetails/StepDetails.tsx +15 -7
- package/src/components/Wallet/SelectableWallet.tsx +7 -8
- package/src/components/Wallet/Wallet.helpers.ts +6 -0
- package/src/components/Wallet/Wallet.styles.ts +11 -1
- package/src/components/Wallet/Wallet.tsx +1 -0
- package/src/components/Wallet/Wallet.types.ts +2 -0
- package/src/components/Wallet/index.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StepDetails.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StepDetails/StepDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG7E,OAAO,KAAwD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"StepDetails.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StepDetails/StepDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG7E,OAAO,KAAwD,MAAM,OAAO,CAAC;AAwL7E,eAAO,MAAM,WAAW,oHAA6B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectableWallet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/SelectableWallet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectableWallet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/SelectableWallet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,KAAK,mBAAmB,EAAe,MAAM,mBAAmB,CAAC;AAE1E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,mBAAmB,qBA0C1D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wallet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Wallet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wallet.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAI9C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"Wallet.helpers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAI9C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAmCjD"}
|
|
@@ -641,6 +641,327 @@ export declare const WalletButton: import("@stitches/react/types/styled-componen
|
|
|
641
641
|
zIndices: {};
|
|
642
642
|
transitions: {};
|
|
643
643
|
}, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>;
|
|
644
|
+
export declare const SelectableWalletButton: import("@stitches/react/types/styled-component.js").StyledComponent<import("@stitches/react/types/styled-component.js").StyledComponent<"button", {
|
|
645
|
+
selected?: boolean | "true" | undefined;
|
|
646
|
+
}, {
|
|
647
|
+
xs: string;
|
|
648
|
+
sm: string;
|
|
649
|
+
md: string;
|
|
650
|
+
lg: string;
|
|
651
|
+
}, import("@stitches/react/types/css-util.js").CSS<{
|
|
652
|
+
xs: string;
|
|
653
|
+
sm: string;
|
|
654
|
+
md: string;
|
|
655
|
+
lg: string;
|
|
656
|
+
}, {
|
|
657
|
+
colors: {
|
|
658
|
+
primary: string;
|
|
659
|
+
primary500: string;
|
|
660
|
+
primary550: string;
|
|
661
|
+
secondary: string;
|
|
662
|
+
secondary100: string;
|
|
663
|
+
secondary150: string;
|
|
664
|
+
secondary200: string;
|
|
665
|
+
secondary250: string;
|
|
666
|
+
secondary500: string;
|
|
667
|
+
secondary550: string;
|
|
668
|
+
neutral: string;
|
|
669
|
+
neutral100: string;
|
|
670
|
+
neutral200: string;
|
|
671
|
+
neutral300: string;
|
|
672
|
+
neutral400: string;
|
|
673
|
+
neutral500: string;
|
|
674
|
+
neutral600: string;
|
|
675
|
+
neutral700: string;
|
|
676
|
+
neutral800: string;
|
|
677
|
+
neutral900: string;
|
|
678
|
+
error100: string;
|
|
679
|
+
error300: string;
|
|
680
|
+
error500: string;
|
|
681
|
+
error600: string;
|
|
682
|
+
error700: string;
|
|
683
|
+
warning100: string;
|
|
684
|
+
warning300: string;
|
|
685
|
+
warning500: string;
|
|
686
|
+
warning600: string;
|
|
687
|
+
warning700: string;
|
|
688
|
+
info: string;
|
|
689
|
+
info100: string;
|
|
690
|
+
info300: string;
|
|
691
|
+
info500: string;
|
|
692
|
+
info600: string;
|
|
693
|
+
info700: string;
|
|
694
|
+
success100: string;
|
|
695
|
+
success300: string;
|
|
696
|
+
success500: string;
|
|
697
|
+
success600: string;
|
|
698
|
+
success700: string;
|
|
699
|
+
background: string;
|
|
700
|
+
foreground: string;
|
|
701
|
+
};
|
|
702
|
+
space: {
|
|
703
|
+
0: string;
|
|
704
|
+
5: string;
|
|
705
|
+
10: string;
|
|
706
|
+
15: string;
|
|
707
|
+
20: string;
|
|
708
|
+
25: string;
|
|
709
|
+
30: string;
|
|
710
|
+
40: string;
|
|
711
|
+
46: string;
|
|
712
|
+
50: string;
|
|
713
|
+
60: string;
|
|
714
|
+
70: string;
|
|
715
|
+
80: string;
|
|
716
|
+
90: string;
|
|
717
|
+
100: string;
|
|
718
|
+
2: string;
|
|
719
|
+
4: string;
|
|
720
|
+
6: string;
|
|
721
|
+
8: string;
|
|
722
|
+
12: string;
|
|
723
|
+
16: string;
|
|
724
|
+
24: string;
|
|
725
|
+
28: string;
|
|
726
|
+
32: string;
|
|
727
|
+
36: string;
|
|
728
|
+
};
|
|
729
|
+
radii: {
|
|
730
|
+
xs: string;
|
|
731
|
+
sm: string;
|
|
732
|
+
xm: string;
|
|
733
|
+
md: string;
|
|
734
|
+
xl: string;
|
|
735
|
+
lg: string;
|
|
736
|
+
primary: string;
|
|
737
|
+
secondary: string;
|
|
738
|
+
};
|
|
739
|
+
fontSizes: {
|
|
740
|
+
10: string;
|
|
741
|
+
12: string;
|
|
742
|
+
14: string;
|
|
743
|
+
16: string;
|
|
744
|
+
18: string;
|
|
745
|
+
20: string;
|
|
746
|
+
22: string;
|
|
747
|
+
24: string;
|
|
748
|
+
28: string;
|
|
749
|
+
32: string;
|
|
750
|
+
36: string;
|
|
751
|
+
40: string;
|
|
752
|
+
48: string;
|
|
753
|
+
};
|
|
754
|
+
fonts: {
|
|
755
|
+
primary: string;
|
|
756
|
+
widget: string;
|
|
757
|
+
};
|
|
758
|
+
fontWeights: {
|
|
759
|
+
regular: number;
|
|
760
|
+
medium: number;
|
|
761
|
+
semiBold: number;
|
|
762
|
+
bold: number;
|
|
763
|
+
};
|
|
764
|
+
lineHeights: {
|
|
765
|
+
12: string;
|
|
766
|
+
16: string;
|
|
767
|
+
20: string;
|
|
768
|
+
24: string;
|
|
769
|
+
26: string;
|
|
770
|
+
28: string;
|
|
771
|
+
30: string;
|
|
772
|
+
36: string;
|
|
773
|
+
40: string;
|
|
774
|
+
44: string;
|
|
775
|
+
52: string;
|
|
776
|
+
64: string;
|
|
777
|
+
};
|
|
778
|
+
letterSpacings: {};
|
|
779
|
+
sizes: {
|
|
780
|
+
4: string;
|
|
781
|
+
6: string;
|
|
782
|
+
8: string;
|
|
783
|
+
10: string;
|
|
784
|
+
12: string;
|
|
785
|
+
16: string;
|
|
786
|
+
18: string;
|
|
787
|
+
20: string;
|
|
788
|
+
24: string;
|
|
789
|
+
26: string;
|
|
790
|
+
28: string;
|
|
791
|
+
30: string;
|
|
792
|
+
32: string;
|
|
793
|
+
36: string;
|
|
794
|
+
40: string;
|
|
795
|
+
45: string;
|
|
796
|
+
48: string;
|
|
797
|
+
};
|
|
798
|
+
borderWidths: {};
|
|
799
|
+
borderStyles: {};
|
|
800
|
+
shadows: {
|
|
801
|
+
mainContainer: string;
|
|
802
|
+
};
|
|
803
|
+
zIndices: {};
|
|
804
|
+
transitions: {};
|
|
805
|
+
}, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>, {}, {
|
|
806
|
+
xs: string;
|
|
807
|
+
sm: string;
|
|
808
|
+
md: string;
|
|
809
|
+
lg: string;
|
|
810
|
+
}, import("@stitches/react/types/css-util.js").CSS<{
|
|
811
|
+
xs: string;
|
|
812
|
+
sm: string;
|
|
813
|
+
md: string;
|
|
814
|
+
lg: string;
|
|
815
|
+
}, {
|
|
816
|
+
colors: {
|
|
817
|
+
primary: string;
|
|
818
|
+
primary500: string;
|
|
819
|
+
primary550: string;
|
|
820
|
+
secondary: string;
|
|
821
|
+
secondary100: string;
|
|
822
|
+
secondary150: string;
|
|
823
|
+
secondary200: string;
|
|
824
|
+
secondary250: string;
|
|
825
|
+
secondary500: string;
|
|
826
|
+
secondary550: string;
|
|
827
|
+
neutral: string;
|
|
828
|
+
neutral100: string;
|
|
829
|
+
neutral200: string;
|
|
830
|
+
neutral300: string;
|
|
831
|
+
neutral400: string;
|
|
832
|
+
neutral500: string;
|
|
833
|
+
neutral600: string;
|
|
834
|
+
neutral700: string;
|
|
835
|
+
neutral800: string;
|
|
836
|
+
neutral900: string;
|
|
837
|
+
error100: string;
|
|
838
|
+
error300: string;
|
|
839
|
+
error500: string;
|
|
840
|
+
error600: string;
|
|
841
|
+
error700: string;
|
|
842
|
+
warning100: string;
|
|
843
|
+
warning300: string;
|
|
844
|
+
warning500: string;
|
|
845
|
+
warning600: string;
|
|
846
|
+
warning700: string;
|
|
847
|
+
info: string;
|
|
848
|
+
info100: string;
|
|
849
|
+
info300: string;
|
|
850
|
+
info500: string;
|
|
851
|
+
info600: string;
|
|
852
|
+
info700: string;
|
|
853
|
+
success100: string;
|
|
854
|
+
success300: string;
|
|
855
|
+
success500: string;
|
|
856
|
+
success600: string;
|
|
857
|
+
success700: string;
|
|
858
|
+
background: string;
|
|
859
|
+
foreground: string;
|
|
860
|
+
};
|
|
861
|
+
space: {
|
|
862
|
+
0: string;
|
|
863
|
+
5: string;
|
|
864
|
+
10: string;
|
|
865
|
+
15: string;
|
|
866
|
+
20: string;
|
|
867
|
+
25: string;
|
|
868
|
+
30: string;
|
|
869
|
+
40: string;
|
|
870
|
+
46: string;
|
|
871
|
+
50: string;
|
|
872
|
+
60: string;
|
|
873
|
+
70: string;
|
|
874
|
+
80: string;
|
|
875
|
+
90: string;
|
|
876
|
+
100: string;
|
|
877
|
+
2: string;
|
|
878
|
+
4: string;
|
|
879
|
+
6: string;
|
|
880
|
+
8: string;
|
|
881
|
+
12: string;
|
|
882
|
+
16: string;
|
|
883
|
+
24: string;
|
|
884
|
+
28: string;
|
|
885
|
+
32: string;
|
|
886
|
+
36: string;
|
|
887
|
+
};
|
|
888
|
+
radii: {
|
|
889
|
+
xs: string;
|
|
890
|
+
sm: string;
|
|
891
|
+
xm: string;
|
|
892
|
+
md: string;
|
|
893
|
+
xl: string;
|
|
894
|
+
lg: string;
|
|
895
|
+
primary: string;
|
|
896
|
+
secondary: string;
|
|
897
|
+
};
|
|
898
|
+
fontSizes: {
|
|
899
|
+
10: string;
|
|
900
|
+
12: string;
|
|
901
|
+
14: string;
|
|
902
|
+
16: string;
|
|
903
|
+
18: string;
|
|
904
|
+
20: string;
|
|
905
|
+
22: string;
|
|
906
|
+
24: string;
|
|
907
|
+
28: string;
|
|
908
|
+
32: string;
|
|
909
|
+
36: string;
|
|
910
|
+
40: string;
|
|
911
|
+
48: string;
|
|
912
|
+
};
|
|
913
|
+
fonts: {
|
|
914
|
+
primary: string;
|
|
915
|
+
widget: string;
|
|
916
|
+
};
|
|
917
|
+
fontWeights: {
|
|
918
|
+
regular: number;
|
|
919
|
+
medium: number;
|
|
920
|
+
semiBold: number;
|
|
921
|
+
bold: number;
|
|
922
|
+
};
|
|
923
|
+
lineHeights: {
|
|
924
|
+
12: string;
|
|
925
|
+
16: string;
|
|
926
|
+
20: string;
|
|
927
|
+
24: string;
|
|
928
|
+
26: string;
|
|
929
|
+
28: string;
|
|
930
|
+
30: string;
|
|
931
|
+
36: string;
|
|
932
|
+
40: string;
|
|
933
|
+
44: string;
|
|
934
|
+
52: string;
|
|
935
|
+
64: string;
|
|
936
|
+
};
|
|
937
|
+
letterSpacings: {};
|
|
938
|
+
sizes: {
|
|
939
|
+
4: string;
|
|
940
|
+
6: string;
|
|
941
|
+
8: string;
|
|
942
|
+
10: string;
|
|
943
|
+
12: string;
|
|
944
|
+
16: string;
|
|
945
|
+
18: string;
|
|
946
|
+
20: string;
|
|
947
|
+
24: string;
|
|
948
|
+
26: string;
|
|
949
|
+
28: string;
|
|
950
|
+
30: string;
|
|
951
|
+
32: string;
|
|
952
|
+
36: string;
|
|
953
|
+
40: string;
|
|
954
|
+
45: string;
|
|
955
|
+
48: string;
|
|
956
|
+
};
|
|
957
|
+
borderWidths: {};
|
|
958
|
+
borderStyles: {};
|
|
959
|
+
shadows: {
|
|
960
|
+
mainContainer: string;
|
|
961
|
+
};
|
|
962
|
+
zIndices: {};
|
|
963
|
+
transitions: {};
|
|
964
|
+
}, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>;
|
|
644
965
|
export declare const LoadingButton: import("@stitches/react/types/styled-component.js").StyledComponent<"div", {}, {
|
|
645
966
|
xs: string;
|
|
646
967
|
sm: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wallet.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAI/B,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAEhB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAIf,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAgDvB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAUxB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Wallet.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAI/B,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAEhB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAIf,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAgDvB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAQjC,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEAUxB,CAAC"}
|
|
@@ -5,7 +5,8 @@ export declare enum WalletState {
|
|
|
5
5
|
NOT_INSTALLED = "not_installed",
|
|
6
6
|
DISCONNECTED = "disconnected",
|
|
7
7
|
CONNECTING = "connecting",
|
|
8
|
-
CONNECTED = "connected"
|
|
8
|
+
CONNECTED = "connected",
|
|
9
|
+
PARTIALLY_CONNECTED = "partially_connected"
|
|
9
10
|
}
|
|
10
11
|
export type WalletInfo = {
|
|
11
12
|
state: WalletState;
|
|
@@ -45,5 +46,6 @@ export interface WalletPropTypes {
|
|
|
45
46
|
export type SelectablePropTypes = WalletPropTypes & {
|
|
46
47
|
selected: boolean;
|
|
47
48
|
disabled?: boolean;
|
|
49
|
+
descriptionColor: string;
|
|
48
50
|
};
|
|
49
51
|
//# sourceMappingURL=Wallet.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Wallet.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,oBAAY,WAAW;IACrB,aAAa,kBAAkB;IAC/B,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,SAAS,cAAc;
|
|
1
|
+
{"version":3,"file":"Wallet.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,oBAAY,WAAW;IACrB,aAAa,kBAAkB;IAC/B,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,mBAAmB,wBAAwB;CAC5C;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;CAC/D,CAAC;AAEF,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rango-dev/ui",
|
|
3
|
-
"version": "0.46.2-next.
|
|
3
|
+
"version": "0.46.2-next.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"source": "./src/index.ts",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@radix-ui/react-select": "^2.0.0",
|
|
54
54
|
"@radix-ui/react-switch": "^1.0.1",
|
|
55
55
|
"@radix-ui/react-tooltip": "^1.0.2",
|
|
56
|
-
"@rango-dev/wallets-shared": "^0.44.2-next.
|
|
56
|
+
"@rango-dev/wallets-shared": "^0.44.2-next.2",
|
|
57
57
|
"@stitches/react": "^1.2.8",
|
|
58
58
|
"copy-to-clipboard": "^3.3.3",
|
|
59
59
|
"rango-types": "^0.1.84",
|
|
@@ -74,13 +74,21 @@ const StepDetailsComponent = forwardRef<HTMLDivElement, StepDetailsProps>(
|
|
|
74
74
|
</SwapperImage>
|
|
75
75
|
<Divider direction="horizontal" size={8} />
|
|
76
76
|
<Typography size="medium" variant="label">
|
|
77
|
-
{
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
77
|
+
{step.from.chain.displayName === step.to.chain.displayName
|
|
78
|
+
? i18n.t({
|
|
79
|
+
id: 'Swap on {fromChain} via {swapper}',
|
|
80
|
+
values: {
|
|
81
|
+
fromChain: step.from.chain.displayName,
|
|
82
|
+
swapper: step.swapper.displayName,
|
|
83
|
+
},
|
|
84
|
+
})
|
|
85
|
+
: i18n.t({
|
|
86
|
+
id: 'Bridge from {fromChain} via {swapper}',
|
|
87
|
+
values: {
|
|
88
|
+
fromChain: step.from.chain.displayName,
|
|
89
|
+
swapper: step.swapper.displayName,
|
|
90
|
+
},
|
|
91
|
+
})}
|
|
84
92
|
</Typography>
|
|
85
93
|
</div>
|
|
86
94
|
)}
|
|
@@ -4,11 +4,10 @@ import React from 'react';
|
|
|
4
4
|
import { Image } from '../common/index.js';
|
|
5
5
|
import { Typography } from '../Typography/index.js';
|
|
6
6
|
|
|
7
|
-
import { makeInfo } from './Wallet.helpers.js';
|
|
8
7
|
import {
|
|
8
|
+
SelectableWalletButton,
|
|
9
9
|
Text,
|
|
10
10
|
Title,
|
|
11
|
-
WalletButton,
|
|
12
11
|
WalletImageContainer,
|
|
13
12
|
} from './Wallet.styles.js';
|
|
14
13
|
import { type SelectablePropTypes, WalletState } from './Wallet.types.js';
|
|
@@ -21,12 +20,12 @@ export function SelectableWallet(props: SelectablePropTypes) {
|
|
|
21
20
|
onClick,
|
|
22
21
|
selected,
|
|
23
22
|
description,
|
|
24
|
-
|
|
23
|
+
descriptionColor,
|
|
25
24
|
disabled = false,
|
|
26
25
|
} = props;
|
|
27
|
-
|
|
26
|
+
|
|
28
27
|
return (
|
|
29
|
-
<
|
|
28
|
+
<SelectableWalletButton
|
|
30
29
|
selected={selected}
|
|
31
30
|
disabled={props.state == WalletState.CONNECTING || disabled}
|
|
32
31
|
onClick={() => {
|
|
@@ -49,10 +48,10 @@ export function SelectableWallet(props: SelectablePropTypes) {
|
|
|
49
48
|
variant="body"
|
|
50
49
|
size="xsmall"
|
|
51
50
|
noWrap={false}
|
|
52
|
-
color={
|
|
53
|
-
{description
|
|
51
|
+
color={descriptionColor}>
|
|
52
|
+
{description}
|
|
54
53
|
</Typography>
|
|
55
54
|
</Text>
|
|
56
|
-
</
|
|
55
|
+
</SelectableWalletButton>
|
|
57
56
|
);
|
|
58
57
|
}
|
|
@@ -12,6 +12,12 @@ export function makeInfo(state: WalletState): Info {
|
|
|
12
12
|
description: i18n.t('Connected'),
|
|
13
13
|
tooltipText: i18n.t('Disconnect'),
|
|
14
14
|
};
|
|
15
|
+
case WalletState.PARTIALLY_CONNECTED:
|
|
16
|
+
return {
|
|
17
|
+
color: 'warning500',
|
|
18
|
+
description: i18n.t('Connected Partially'),
|
|
19
|
+
tooltipText: i18n.t('Connect other chains'),
|
|
20
|
+
};
|
|
15
21
|
case WalletState.NOT_INSTALLED:
|
|
16
22
|
return {
|
|
17
23
|
color: 'info500',
|
|
@@ -30,7 +30,7 @@ export const WalletButton = styled('button', {
|
|
|
30
30
|
backgroundColor: '$$color',
|
|
31
31
|
alignItems: 'center',
|
|
32
32
|
cursor: 'pointer',
|
|
33
|
-
width:
|
|
33
|
+
width: 108,
|
|
34
34
|
position: 'relative',
|
|
35
35
|
fontFamily: 'inherit',
|
|
36
36
|
'&:hover': {
|
|
@@ -67,6 +67,16 @@ export const WalletButton = styled('button', {
|
|
|
67
67
|
},
|
|
68
68
|
});
|
|
69
69
|
|
|
70
|
+
export const SelectableWalletButton = styled(WalletButton, {
|
|
71
|
+
width: 'auto',
|
|
72
|
+
paddingRight: '$6',
|
|
73
|
+
paddingLeft: '$6',
|
|
74
|
+
flex: 1,
|
|
75
|
+
minWidth: '98px',
|
|
76
|
+
maxWidth: '110px',
|
|
77
|
+
minHeight: '93px',
|
|
78
|
+
});
|
|
79
|
+
|
|
70
80
|
export const LoadingButton = styled('div', {
|
|
71
81
|
borderRadius: '$xm',
|
|
72
82
|
padding: '$10 0',
|
|
@@ -7,6 +7,7 @@ export enum WalletState {
|
|
|
7
7
|
DISCONNECTED = 'disconnected',
|
|
8
8
|
CONNECTING = 'connecting',
|
|
9
9
|
CONNECTED = 'connected',
|
|
10
|
+
PARTIALLY_CONNECTED = 'partially_connected',
|
|
10
11
|
}
|
|
11
12
|
|
|
12
13
|
export type WalletInfo = {
|
|
@@ -51,4 +52,5 @@ export interface WalletPropTypes {
|
|
|
51
52
|
export type SelectablePropTypes = WalletPropTypes & {
|
|
52
53
|
selected: boolean;
|
|
53
54
|
disabled?: boolean;
|
|
55
|
+
descriptionColor: string;
|
|
54
56
|
};
|