@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.
@@ -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;AAgL7E,eAAO,MAAM,WAAW,oHAA6B,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;AAY1B,OAAO,EAAE,KAAK,mBAAmB,EAAe,MAAM,mBAAmB,CAAC;AAE1E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,mBAAmB,qBA0C1D"}
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,3 +1,4 @@
1
1
  export { default as Wallet } from './ClickableWallet.js';
2
2
  export { SelectableWallet } from './SelectableWallet.js';
3
+ export { makeInfo } from './Wallet.helpers.js';
3
4
  //# sourceMappingURL=Wallet.d.ts.map
@@ -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,CA6BjD"}
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;CACxB;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;CACpB,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,4 +1,5 @@
1
1
  export * from './Wallet.js';
2
2
  export type { WalletInfo } from './Wallet.types.js';
3
3
  export { WalletState } from './Wallet.types.js';
4
+ export { SelectableWalletButton } from './Wallet.styles.js';
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -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.1",
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.1",
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
- {i18n.t({
78
- id: 'Swap on {fromChain} via {swapper}',
79
- values: {
80
- fromChain: step.from.chain.displayName,
81
- swapper: step.swapper.displayName,
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
- state,
23
+ descriptionColor,
25
24
  disabled = false,
26
25
  } = props;
27
- const info = makeInfo(props.state);
26
+
28
27
  return (
29
- <WalletButton
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={state === WalletState.CONNECTED ? 'neutral700' : info.color}>
53
- {description || info.description}
51
+ color={descriptionColor}>
52
+ {description}
54
53
  </Typography>
55
54
  </Text>
56
- </WalletButton>
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: 100,
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',
@@ -1,2 +1,3 @@
1
1
  export { default as Wallet } from './ClickableWallet.js';
2
2
  export { SelectableWallet } from './SelectableWallet.js';
3
+ export { makeInfo } from './Wallet.helpers.js';
@@ -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
  };
@@ -1,3 +1,4 @@
1
1
  export * from './Wallet.js';
2
2
  export type { WalletInfo } from './Wallet.types.js';
3
3
  export { WalletState } from './Wallet.types.js';
4
+ export { SelectableWalletButton } from './Wallet.styles.js';