@rango-dev/ui 0.53.1-next.3 → 0.53.1-next.4

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 +1 -1
  2. package/dist/index.js.map +4 -4
  3. package/dist/ui.build.json +1 -1
  4. package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts.map +1 -1
  5. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.TokenSection.d.ts.map +1 -1
  6. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.d.ts.map +1 -1
  7. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.styles.d.ts +213 -49
  8. package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.styles.d.ts.map +1 -1
  9. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.d.ts.map +1 -1
  10. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts.map +1 -1
  11. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.types.d.ts +2 -0
  12. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.types.d.ts.map +1 -1
  13. package/dist/widget/ui/src/components/StepDetails/StepDetails.d.ts.map +1 -1
  14. package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts +324 -0
  15. package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts.map +1 -1
  16. package/dist/widget/ui/src/components/SwapListItem/SwapToken.d.ts.map +1 -1
  17. package/dist/widget/ui/src/components/SwapListItem/SwapToken.styles.d.ts +484 -0
  18. package/dist/widget/ui/src/components/SwapListItem/SwapToken.styles.d.ts.map +1 -1
  19. package/dist/widget/ui/src/components/Toast/Toast.styles.d.ts +3 -2
  20. package/dist/widget/ui/src/components/Toast/Toast.styles.d.ts.map +1 -1
  21. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.d.ts.map +1 -1
  22. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts +1285 -1
  23. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts.map +1 -1
  24. package/dist/widget/ui/src/components/Tooltip/Tooltip.styles.d.ts +3 -2
  25. package/dist/widget/ui/src/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
  26. package/dist/widget/ui/src/components/Typography/NotSelectableTypography.d.ts +3 -2
  27. package/dist/widget/ui/src/components/Typography/NotSelectableTypography.d.ts.map +1 -1
  28. package/dist/widget/ui/src/components/Typography/Typography.d.ts +3 -2
  29. package/dist/widget/ui/src/components/Typography/Typography.d.ts.map +1 -1
  30. package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts +3 -2
  31. package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts.map +1 -1
  32. package/dist/widget/ui/src/containers/SwapInput/SwapInput.d.ts.map +1 -1
  33. package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts +3 -2
  34. package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map +1 -1
  35. package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts +169 -3
  36. package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts.map +1 -1
  37. package/dist/widget/ui/src/hooks/index.d.ts +1 -0
  38. package/dist/widget/ui/src/hooks/index.d.ts.map +1 -1
  39. package/dist/widget/ui/src/hooks/useIsTruncated.d.ts +3 -0
  40. package/dist/widget/ui/src/hooks/useIsTruncated.d.ts.map +1 -0
  41. package/package.json +1 -1
  42. package/src/components/Alert/Alert.styles.ts +3 -0
  43. package/src/components/FullExpandedQuote/FullExpandedQuote.TokenSection.tsx +18 -5
  44. package/src/components/FullExpandedQuote/FullExpandedQuote.styles.ts +11 -3
  45. package/src/components/FullExpandedQuote/FullExpandedQuote.tsx +13 -3
  46. package/src/components/PriceImpact/PriceImpact.styles.ts +8 -3
  47. package/src/components/PriceImpact/PriceImpact.tsx +27 -17
  48. package/src/components/PriceImpact/PriceImpact.types.ts +2 -0
  49. package/src/components/StepDetails/StepDetails.styles.ts +15 -0
  50. package/src/components/StepDetails/StepDetails.tsx +33 -8
  51. package/src/components/SwapListItem/SwapToken.styles.ts +16 -1
  52. package/src/components/SwapListItem/SwapToken.tsx +97 -25
  53. package/src/components/Toast/Toast.styles.ts +2 -0
  54. package/src/components/TokenAmount/TokenAmount.styles.ts +60 -2
  55. package/src/components/TokenAmount/TokenAmount.tsx +98 -38
  56. package/src/components/Typography/Typography.tsx +15 -15
  57. package/src/containers/SwapInput/SwapInput.styles.ts +2 -1
  58. package/src/containers/SwapInput/SwapInput.tsx +18 -35
  59. package/src/containers/SwapInput/TokenSection.styles.ts +7 -0
  60. package/src/hooks/index.ts +1 -0
  61. package/src/hooks/useIsTruncated.tsx +27 -0
@@ -161,7 +161,169 @@ export declare const Container: import("@stitches/react/types/styled-component.j
161
161
  zIndices: {};
162
162
  transitions: {};
163
163
  }, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>;
164
- export declare const tokenAmountStyles: import("@stitches/react/types/styled-component.js").CssComponent<never, {}, {
164
+ export declare const centeredFlexBox: import("@stitches/react/types/styled-component.js").CssComponent<never, {}, {
165
+ xs: string;
166
+ sm: string;
167
+ md: string;
168
+ lg: string;
169
+ }, import("@stitches/react/types/css-util.js").CSS<{
170
+ xs: string;
171
+ sm: string;
172
+ md: string;
173
+ lg: string;
174
+ }, {
175
+ colors: {
176
+ primary: string;
177
+ primary500: string;
178
+ primary550: string;
179
+ secondary: string;
180
+ secondary100: string;
181
+ secondary150: string;
182
+ secondary200: string;
183
+ secondary250: string;
184
+ secondary500: string;
185
+ secondary550: string;
186
+ neutral: string;
187
+ neutral100: string;
188
+ neutral200: string;
189
+ neutral300: string;
190
+ neutral400: string;
191
+ neutral500: string;
192
+ neutral600: string;
193
+ neutral700: string;
194
+ neutral800: string;
195
+ neutral900: string;
196
+ error100: string;
197
+ error300: string;
198
+ error500: string;
199
+ error600: string;
200
+ error700: string;
201
+ warning100: string;
202
+ warning300: string;
203
+ warning500: string;
204
+ warning600: string;
205
+ warning700: string;
206
+ info: string;
207
+ info100: string;
208
+ info300: string;
209
+ info500: string;
210
+ info600: string;
211
+ info700: string;
212
+ success100: string;
213
+ success300: string;
214
+ success500: string;
215
+ success600: string;
216
+ success700: string;
217
+ background: string;
218
+ foreground: string;
219
+ };
220
+ space: {
221
+ 0: string;
222
+ 5: string;
223
+ 10: string;
224
+ 15: string;
225
+ 20: string;
226
+ 25: string;
227
+ 30: string;
228
+ 40: string;
229
+ 46: string;
230
+ 50: string;
231
+ 60: string;
232
+ 70: string;
233
+ 80: string;
234
+ 90: string;
235
+ 100: string;
236
+ 2: string;
237
+ 4: string;
238
+ 6: string;
239
+ 8: string;
240
+ 12: string;
241
+ 16: string;
242
+ 24: string;
243
+ 28: string;
244
+ 32: string;
245
+ 36: string;
246
+ };
247
+ radii: {
248
+ xs: string;
249
+ sm: string;
250
+ xm: string;
251
+ md: string;
252
+ xl: string;
253
+ lg: string;
254
+ primary: string;
255
+ secondary: string;
256
+ };
257
+ fontSizes: {
258
+ 10: string;
259
+ 12: string;
260
+ 14: string;
261
+ 16: string;
262
+ 18: string;
263
+ 20: string;
264
+ 22: string;
265
+ 24: string;
266
+ 28: string;
267
+ 32: string;
268
+ 36: string;
269
+ 40: string;
270
+ 48: string;
271
+ };
272
+ fonts: {
273
+ primary: string;
274
+ widget: string;
275
+ };
276
+ fontWeights: {
277
+ regular: number;
278
+ medium: number;
279
+ semiBold: number;
280
+ bold: number;
281
+ };
282
+ lineHeights: {
283
+ 12: string;
284
+ 16: string;
285
+ 20: string;
286
+ 24: string;
287
+ 26: string;
288
+ 28: string;
289
+ 30: string;
290
+ 36: string;
291
+ 40: string;
292
+ 44: string;
293
+ 52: string;
294
+ 64: string;
295
+ };
296
+ letterSpacings: {};
297
+ sizes: {
298
+ 4: string;
299
+ 6: string;
300
+ 8: string;
301
+ 10: string;
302
+ 12: string;
303
+ 16: string;
304
+ 18: string;
305
+ 20: string;
306
+ 24: string;
307
+ 26: string;
308
+ 28: string;
309
+ 30: string;
310
+ 32: string;
311
+ 36: string;
312
+ 40: string;
313
+ 45: string;
314
+ 48: string;
315
+ };
316
+ borderWidths: {};
317
+ borderStyles: {};
318
+ shadows: {
319
+ mainContainer: string;
320
+ };
321
+ zIndices: {};
322
+ transitions: {};
323
+ }, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>;
324
+ export declare const TokenAmountWrapper: import("@stitches/react/types/styled-component.js").StyledComponent<"div", {
325
+ direction?: "horizontal" | "vertical" | undefined;
326
+ }, {
165
327
  xs: string;
166
328
  sm: string;
167
329
  md: string;
@@ -484,4 +646,1126 @@ export declare const usdValueStyles: import("@stitches/react/types/styled-compon
484
646
  export declare const tooltipRootStyle: {
485
647
  width: string;
486
648
  };
649
+ export declare const TokenNameText: import("@stitches/react/types/styled-component.js").StyledComponent<import("react").ForwardRefExoticComponent<import("../index.js").TypographyPropTypes & {
650
+ children?: import("react").ReactNode | undefined;
651
+ } & import("react").RefAttributes<HTMLSpanElement>>, {}, {
652
+ xs: string;
653
+ sm: string;
654
+ md: string;
655
+ lg: string;
656
+ }, import("@stitches/react/types/css-util.js").CSS<{
657
+ xs: string;
658
+ sm: string;
659
+ md: string;
660
+ lg: string;
661
+ }, {
662
+ colors: {
663
+ primary: string;
664
+ primary500: string;
665
+ primary550: string;
666
+ secondary: string;
667
+ secondary100: string;
668
+ secondary150: string;
669
+ secondary200: string;
670
+ secondary250: string;
671
+ secondary500: string;
672
+ secondary550: string;
673
+ neutral: string;
674
+ neutral100: string;
675
+ neutral200: string;
676
+ neutral300: string;
677
+ neutral400: string;
678
+ neutral500: string;
679
+ neutral600: string;
680
+ neutral700: string;
681
+ neutral800: string;
682
+ neutral900: string;
683
+ error100: string;
684
+ error300: string;
685
+ error500: string;
686
+ error600: string;
687
+ error700: string;
688
+ warning100: string;
689
+ warning300: string;
690
+ warning500: string;
691
+ warning600: string;
692
+ warning700: string;
693
+ info: string;
694
+ info100: string;
695
+ info300: string;
696
+ info500: string;
697
+ info600: string;
698
+ info700: string;
699
+ success100: string;
700
+ success300: string;
701
+ success500: string;
702
+ success600: string;
703
+ success700: string;
704
+ background: string;
705
+ foreground: string;
706
+ };
707
+ space: {
708
+ 0: string;
709
+ 5: string;
710
+ 10: string;
711
+ 15: string;
712
+ 20: string;
713
+ 25: string;
714
+ 30: string;
715
+ 40: string;
716
+ 46: string;
717
+ 50: string;
718
+ 60: string;
719
+ 70: string;
720
+ 80: string;
721
+ 90: string;
722
+ 100: string;
723
+ 2: string;
724
+ 4: string;
725
+ 6: string;
726
+ 8: string;
727
+ 12: string;
728
+ 16: string;
729
+ 24: string;
730
+ 28: string;
731
+ 32: string;
732
+ 36: string;
733
+ };
734
+ radii: {
735
+ xs: string;
736
+ sm: string;
737
+ xm: string;
738
+ md: string;
739
+ xl: string;
740
+ lg: string;
741
+ primary: string;
742
+ secondary: string;
743
+ };
744
+ fontSizes: {
745
+ 10: string;
746
+ 12: string;
747
+ 14: string;
748
+ 16: string;
749
+ 18: string;
750
+ 20: string;
751
+ 22: string;
752
+ 24: string;
753
+ 28: string;
754
+ 32: string;
755
+ 36: string;
756
+ 40: string;
757
+ 48: string;
758
+ };
759
+ fonts: {
760
+ primary: string;
761
+ widget: string;
762
+ };
763
+ fontWeights: {
764
+ regular: number;
765
+ medium: number;
766
+ semiBold: number;
767
+ bold: number;
768
+ };
769
+ lineHeights: {
770
+ 12: string;
771
+ 16: string;
772
+ 20: string;
773
+ 24: string;
774
+ 26: string;
775
+ 28: string;
776
+ 30: string;
777
+ 36: string;
778
+ 40: string;
779
+ 44: string;
780
+ 52: string;
781
+ 64: string;
782
+ };
783
+ letterSpacings: {};
784
+ sizes: {
785
+ 4: string;
786
+ 6: string;
787
+ 8: string;
788
+ 10: string;
789
+ 12: string;
790
+ 16: string;
791
+ 18: string;
792
+ 20: string;
793
+ 24: string;
794
+ 26: string;
795
+ 28: string;
796
+ 30: string;
797
+ 32: string;
798
+ 36: string;
799
+ 40: string;
800
+ 45: string;
801
+ 48: string;
802
+ };
803
+ borderWidths: {};
804
+ borderStyles: {};
805
+ shadows: {
806
+ mainContainer: string;
807
+ };
808
+ zIndices: {};
809
+ transitions: {};
810
+ }, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>;
811
+ export declare const textTruncate: import("@stitches/react/types/styled-component.js").CssComponent<never, {}, {
812
+ xs: string;
813
+ sm: string;
814
+ md: string;
815
+ lg: string;
816
+ }, import("@stitches/react/types/css-util.js").CSS<{
817
+ xs: string;
818
+ sm: string;
819
+ md: string;
820
+ lg: string;
821
+ }, {
822
+ colors: {
823
+ primary: string;
824
+ primary500: string;
825
+ primary550: string;
826
+ secondary: string;
827
+ secondary100: string;
828
+ secondary150: string;
829
+ secondary200: string;
830
+ secondary250: string;
831
+ secondary500: string;
832
+ secondary550: string;
833
+ neutral: string;
834
+ neutral100: string;
835
+ neutral200: string;
836
+ neutral300: string;
837
+ neutral400: string;
838
+ neutral500: string;
839
+ neutral600: string;
840
+ neutral700: string;
841
+ neutral800: string;
842
+ neutral900: string;
843
+ error100: string;
844
+ error300: string;
845
+ error500: string;
846
+ error600: string;
847
+ error700: string;
848
+ warning100: string;
849
+ warning300: string;
850
+ warning500: string;
851
+ warning600: string;
852
+ warning700: string;
853
+ info: string;
854
+ info100: string;
855
+ info300: string;
856
+ info500: string;
857
+ info600: string;
858
+ info700: string;
859
+ success100: string;
860
+ success300: string;
861
+ success500: string;
862
+ success600: string;
863
+ success700: string;
864
+ background: string;
865
+ foreground: string;
866
+ };
867
+ space: {
868
+ 0: string;
869
+ 5: string;
870
+ 10: string;
871
+ 15: string;
872
+ 20: string;
873
+ 25: string;
874
+ 30: string;
875
+ 40: string;
876
+ 46: string;
877
+ 50: string;
878
+ 60: string;
879
+ 70: string;
880
+ 80: string;
881
+ 90: string;
882
+ 100: string;
883
+ 2: string;
884
+ 4: string;
885
+ 6: string;
886
+ 8: string;
887
+ 12: string;
888
+ 16: string;
889
+ 24: string;
890
+ 28: string;
891
+ 32: string;
892
+ 36: string;
893
+ };
894
+ radii: {
895
+ xs: string;
896
+ sm: string;
897
+ xm: string;
898
+ md: string;
899
+ xl: string;
900
+ lg: string;
901
+ primary: string;
902
+ secondary: string;
903
+ };
904
+ fontSizes: {
905
+ 10: string;
906
+ 12: string;
907
+ 14: string;
908
+ 16: string;
909
+ 18: string;
910
+ 20: string;
911
+ 22: string;
912
+ 24: string;
913
+ 28: string;
914
+ 32: string;
915
+ 36: string;
916
+ 40: string;
917
+ 48: string;
918
+ };
919
+ fonts: {
920
+ primary: string;
921
+ widget: string;
922
+ };
923
+ fontWeights: {
924
+ regular: number;
925
+ medium: number;
926
+ semiBold: number;
927
+ bold: number;
928
+ };
929
+ lineHeights: {
930
+ 12: string;
931
+ 16: string;
932
+ 20: string;
933
+ 24: string;
934
+ 26: string;
935
+ 28: string;
936
+ 30: string;
937
+ 36: string;
938
+ 40: string;
939
+ 44: string;
940
+ 52: string;
941
+ 64: string;
942
+ };
943
+ letterSpacings: {};
944
+ sizes: {
945
+ 4: string;
946
+ 6: string;
947
+ 8: string;
948
+ 10: string;
949
+ 12: string;
950
+ 16: string;
951
+ 18: string;
952
+ 20: string;
953
+ 24: string;
954
+ 26: string;
955
+ 28: string;
956
+ 30: string;
957
+ 32: string;
958
+ 36: string;
959
+ 40: string;
960
+ 45: string;
961
+ 48: string;
962
+ };
963
+ borderWidths: {};
964
+ borderStyles: {};
965
+ shadows: {
966
+ mainContainer: string;
967
+ };
968
+ zIndices: {};
969
+ transitions: {};
970
+ }, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>;
971
+ export declare const flexShrinkFix: import("@stitches/react/types/styled-component.js").CssComponent<never, {}, {
972
+ xs: string;
973
+ sm: string;
974
+ md: string;
975
+ lg: string;
976
+ }, import("@stitches/react/types/css-util.js").CSS<{
977
+ xs: string;
978
+ sm: string;
979
+ md: string;
980
+ lg: string;
981
+ }, {
982
+ colors: {
983
+ primary: string;
984
+ primary500: string;
985
+ primary550: string;
986
+ secondary: string;
987
+ secondary100: string;
988
+ secondary150: string;
989
+ secondary200: string;
990
+ secondary250: string;
991
+ secondary500: string;
992
+ secondary550: string;
993
+ neutral: string;
994
+ neutral100: string;
995
+ neutral200: string;
996
+ neutral300: string;
997
+ neutral400: string;
998
+ neutral500: string;
999
+ neutral600: string;
1000
+ neutral700: string;
1001
+ neutral800: string;
1002
+ neutral900: string;
1003
+ error100: string;
1004
+ error300: string;
1005
+ error500: string;
1006
+ error600: string;
1007
+ error700: string;
1008
+ warning100: string;
1009
+ warning300: string;
1010
+ warning500: string;
1011
+ warning600: string;
1012
+ warning700: string;
1013
+ info: string;
1014
+ info100: string;
1015
+ info300: string;
1016
+ info500: string;
1017
+ info600: string;
1018
+ info700: string;
1019
+ success100: string;
1020
+ success300: string;
1021
+ success500: string;
1022
+ success600: string;
1023
+ success700: string;
1024
+ background: string;
1025
+ foreground: string;
1026
+ };
1027
+ space: {
1028
+ 0: string;
1029
+ 5: string;
1030
+ 10: string;
1031
+ 15: string;
1032
+ 20: string;
1033
+ 25: string;
1034
+ 30: string;
1035
+ 40: string;
1036
+ 46: string;
1037
+ 50: string;
1038
+ 60: string;
1039
+ 70: string;
1040
+ 80: string;
1041
+ 90: string;
1042
+ 100: string;
1043
+ 2: string;
1044
+ 4: string;
1045
+ 6: string;
1046
+ 8: string;
1047
+ 12: string;
1048
+ 16: string;
1049
+ 24: string;
1050
+ 28: string;
1051
+ 32: string;
1052
+ 36: string;
1053
+ };
1054
+ radii: {
1055
+ xs: string;
1056
+ sm: string;
1057
+ xm: string;
1058
+ md: string;
1059
+ xl: string;
1060
+ lg: string;
1061
+ primary: string;
1062
+ secondary: string;
1063
+ };
1064
+ fontSizes: {
1065
+ 10: string;
1066
+ 12: string;
1067
+ 14: string;
1068
+ 16: string;
1069
+ 18: string;
1070
+ 20: string;
1071
+ 22: string;
1072
+ 24: string;
1073
+ 28: string;
1074
+ 32: string;
1075
+ 36: string;
1076
+ 40: string;
1077
+ 48: string;
1078
+ };
1079
+ fonts: {
1080
+ primary: string;
1081
+ widget: string;
1082
+ };
1083
+ fontWeights: {
1084
+ regular: number;
1085
+ medium: number;
1086
+ semiBold: number;
1087
+ bold: number;
1088
+ };
1089
+ lineHeights: {
1090
+ 12: string;
1091
+ 16: string;
1092
+ 20: string;
1093
+ 24: string;
1094
+ 26: string;
1095
+ 28: string;
1096
+ 30: string;
1097
+ 36: string;
1098
+ 40: string;
1099
+ 44: string;
1100
+ 52: string;
1101
+ 64: string;
1102
+ };
1103
+ letterSpacings: {};
1104
+ sizes: {
1105
+ 4: string;
1106
+ 6: string;
1107
+ 8: string;
1108
+ 10: string;
1109
+ 12: string;
1110
+ 16: string;
1111
+ 18: string;
1112
+ 20: string;
1113
+ 24: string;
1114
+ 26: string;
1115
+ 28: string;
1116
+ 30: string;
1117
+ 32: string;
1118
+ 36: string;
1119
+ 40: string;
1120
+ 45: string;
1121
+ 48: string;
1122
+ };
1123
+ borderWidths: {};
1124
+ borderStyles: {};
1125
+ shadows: {
1126
+ mainContainer: string;
1127
+ };
1128
+ zIndices: {};
1129
+ transitions: {};
1130
+ }, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>;
1131
+ export declare const usdValueText: import("@stitches/react/types/styled-component.js").CssComponent<never, {}, {
1132
+ xs: string;
1133
+ sm: string;
1134
+ md: string;
1135
+ lg: string;
1136
+ }, import("@stitches/react/types/css-util.js").CSS<{
1137
+ xs: string;
1138
+ sm: string;
1139
+ md: string;
1140
+ lg: string;
1141
+ }, {
1142
+ colors: {
1143
+ primary: string;
1144
+ primary500: string;
1145
+ primary550: string;
1146
+ secondary: string;
1147
+ secondary100: string;
1148
+ secondary150: string;
1149
+ secondary200: string;
1150
+ secondary250: string;
1151
+ secondary500: string;
1152
+ secondary550: string;
1153
+ neutral: string;
1154
+ neutral100: string;
1155
+ neutral200: string;
1156
+ neutral300: string;
1157
+ neutral400: string;
1158
+ neutral500: string;
1159
+ neutral600: string;
1160
+ neutral700: string;
1161
+ neutral800: string;
1162
+ neutral900: string;
1163
+ error100: string;
1164
+ error300: string;
1165
+ error500: string;
1166
+ error600: string;
1167
+ error700: string;
1168
+ warning100: string;
1169
+ warning300: string;
1170
+ warning500: string;
1171
+ warning600: string;
1172
+ warning700: string;
1173
+ info: string;
1174
+ info100: string;
1175
+ info300: string;
1176
+ info500: string;
1177
+ info600: string;
1178
+ info700: string;
1179
+ success100: string;
1180
+ success300: string;
1181
+ success500: string;
1182
+ success600: string;
1183
+ success700: string;
1184
+ background: string;
1185
+ foreground: string;
1186
+ };
1187
+ space: {
1188
+ 0: string;
1189
+ 5: string;
1190
+ 10: string;
1191
+ 15: string;
1192
+ 20: string;
1193
+ 25: string;
1194
+ 30: string;
1195
+ 40: string;
1196
+ 46: string;
1197
+ 50: string;
1198
+ 60: string;
1199
+ 70: string;
1200
+ 80: string;
1201
+ 90: string;
1202
+ 100: string;
1203
+ 2: string;
1204
+ 4: string;
1205
+ 6: string;
1206
+ 8: string;
1207
+ 12: string;
1208
+ 16: string;
1209
+ 24: string;
1210
+ 28: string;
1211
+ 32: string;
1212
+ 36: string;
1213
+ };
1214
+ radii: {
1215
+ xs: string;
1216
+ sm: string;
1217
+ xm: string;
1218
+ md: string;
1219
+ xl: string;
1220
+ lg: string;
1221
+ primary: string;
1222
+ secondary: string;
1223
+ };
1224
+ fontSizes: {
1225
+ 10: string;
1226
+ 12: string;
1227
+ 14: string;
1228
+ 16: string;
1229
+ 18: string;
1230
+ 20: string;
1231
+ 22: string;
1232
+ 24: string;
1233
+ 28: string;
1234
+ 32: string;
1235
+ 36: string;
1236
+ 40: string;
1237
+ 48: string;
1238
+ };
1239
+ fonts: {
1240
+ primary: string;
1241
+ widget: string;
1242
+ };
1243
+ fontWeights: {
1244
+ regular: number;
1245
+ medium: number;
1246
+ semiBold: number;
1247
+ bold: number;
1248
+ };
1249
+ lineHeights: {
1250
+ 12: string;
1251
+ 16: string;
1252
+ 20: string;
1253
+ 24: string;
1254
+ 26: string;
1255
+ 28: string;
1256
+ 30: string;
1257
+ 36: string;
1258
+ 40: string;
1259
+ 44: string;
1260
+ 52: string;
1261
+ 64: string;
1262
+ };
1263
+ letterSpacings: {};
1264
+ sizes: {
1265
+ 4: string;
1266
+ 6: string;
1267
+ 8: string;
1268
+ 10: string;
1269
+ 12: string;
1270
+ 16: string;
1271
+ 18: string;
1272
+ 20: string;
1273
+ 24: string;
1274
+ 26: string;
1275
+ 28: string;
1276
+ 30: string;
1277
+ 32: string;
1278
+ 36: string;
1279
+ 40: string;
1280
+ 45: string;
1281
+ 48: string;
1282
+ };
1283
+ borderWidths: {};
1284
+ borderStyles: {};
1285
+ shadows: {
1286
+ mainContainer: string;
1287
+ };
1288
+ zIndices: {};
1289
+ transitions: {};
1290
+ }, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>;
1291
+ export declare const verticalUsdValueText: import("@stitches/react/types/styled-component.js").CssComponent<never, {}, {
1292
+ xs: string;
1293
+ sm: string;
1294
+ md: string;
1295
+ lg: string;
1296
+ }, import("@stitches/react/types/css-util.js").CSS<{
1297
+ xs: string;
1298
+ sm: string;
1299
+ md: string;
1300
+ lg: string;
1301
+ }, {
1302
+ colors: {
1303
+ primary: string;
1304
+ primary500: string;
1305
+ primary550: string;
1306
+ secondary: string;
1307
+ secondary100: string;
1308
+ secondary150: string;
1309
+ secondary200: string;
1310
+ secondary250: string;
1311
+ secondary500: string;
1312
+ secondary550: string;
1313
+ neutral: string;
1314
+ neutral100: string;
1315
+ neutral200: string;
1316
+ neutral300: string;
1317
+ neutral400: string;
1318
+ neutral500: string;
1319
+ neutral600: string;
1320
+ neutral700: string;
1321
+ neutral800: string;
1322
+ neutral900: string;
1323
+ error100: string;
1324
+ error300: string;
1325
+ error500: string;
1326
+ error600: string;
1327
+ error700: string;
1328
+ warning100: string;
1329
+ warning300: string;
1330
+ warning500: string;
1331
+ warning600: string;
1332
+ warning700: string;
1333
+ info: string;
1334
+ info100: string;
1335
+ info300: string;
1336
+ info500: string;
1337
+ info600: string;
1338
+ info700: string;
1339
+ success100: string;
1340
+ success300: string;
1341
+ success500: string;
1342
+ success600: string;
1343
+ success700: string;
1344
+ background: string;
1345
+ foreground: string;
1346
+ };
1347
+ space: {
1348
+ 0: string;
1349
+ 5: string;
1350
+ 10: string;
1351
+ 15: string;
1352
+ 20: string;
1353
+ 25: string;
1354
+ 30: string;
1355
+ 40: string;
1356
+ 46: string;
1357
+ 50: string;
1358
+ 60: string;
1359
+ 70: string;
1360
+ 80: string;
1361
+ 90: string;
1362
+ 100: string;
1363
+ 2: string;
1364
+ 4: string;
1365
+ 6: string;
1366
+ 8: string;
1367
+ 12: string;
1368
+ 16: string;
1369
+ 24: string;
1370
+ 28: string;
1371
+ 32: string;
1372
+ 36: string;
1373
+ };
1374
+ radii: {
1375
+ xs: string;
1376
+ sm: string;
1377
+ xm: string;
1378
+ md: string;
1379
+ xl: string;
1380
+ lg: string;
1381
+ primary: string;
1382
+ secondary: string;
1383
+ };
1384
+ fontSizes: {
1385
+ 10: string;
1386
+ 12: string;
1387
+ 14: string;
1388
+ 16: string;
1389
+ 18: string;
1390
+ 20: string;
1391
+ 22: string;
1392
+ 24: string;
1393
+ 28: string;
1394
+ 32: string;
1395
+ 36: string;
1396
+ 40: string;
1397
+ 48: string;
1398
+ };
1399
+ fonts: {
1400
+ primary: string;
1401
+ widget: string;
1402
+ };
1403
+ fontWeights: {
1404
+ regular: number;
1405
+ medium: number;
1406
+ semiBold: number;
1407
+ bold: number;
1408
+ };
1409
+ lineHeights: {
1410
+ 12: string;
1411
+ 16: string;
1412
+ 20: string;
1413
+ 24: string;
1414
+ 26: string;
1415
+ 28: string;
1416
+ 30: string;
1417
+ 36: string;
1418
+ 40: string;
1419
+ 44: string;
1420
+ 52: string;
1421
+ 64: string;
1422
+ };
1423
+ letterSpacings: {};
1424
+ sizes: {
1425
+ 4: string;
1426
+ 6: string;
1427
+ 8: string;
1428
+ 10: string;
1429
+ 12: string;
1430
+ 16: string;
1431
+ 18: string;
1432
+ 20: string;
1433
+ 24: string;
1434
+ 26: string;
1435
+ 28: string;
1436
+ 30: string;
1437
+ 32: string;
1438
+ 36: string;
1439
+ 40: string;
1440
+ 45: string;
1441
+ 48: string;
1442
+ };
1443
+ borderWidths: {};
1444
+ borderStyles: {};
1445
+ shadows: {
1446
+ mainContainer: string;
1447
+ };
1448
+ zIndices: {};
1449
+ transitions: {};
1450
+ }, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>;
1451
+ export declare const flexShrink: import("@stitches/react/types/styled-component.js").CssComponent<never, {}, {
1452
+ xs: string;
1453
+ sm: string;
1454
+ md: string;
1455
+ lg: string;
1456
+ }, import("@stitches/react/types/css-util.js").CSS<{
1457
+ xs: string;
1458
+ sm: string;
1459
+ md: string;
1460
+ lg: string;
1461
+ }, {
1462
+ colors: {
1463
+ primary: string;
1464
+ primary500: string;
1465
+ primary550: string;
1466
+ secondary: string;
1467
+ secondary100: string;
1468
+ secondary150: string;
1469
+ secondary200: string;
1470
+ secondary250: string;
1471
+ secondary500: string;
1472
+ secondary550: string;
1473
+ neutral: string;
1474
+ neutral100: string;
1475
+ neutral200: string;
1476
+ neutral300: string;
1477
+ neutral400: string;
1478
+ neutral500: string;
1479
+ neutral600: string;
1480
+ neutral700: string;
1481
+ neutral800: string;
1482
+ neutral900: string;
1483
+ error100: string;
1484
+ error300: string;
1485
+ error500: string;
1486
+ error600: string;
1487
+ error700: string;
1488
+ warning100: string;
1489
+ warning300: string;
1490
+ warning500: string;
1491
+ warning600: string;
1492
+ warning700: string;
1493
+ info: string;
1494
+ info100: string;
1495
+ info300: string;
1496
+ info500: string;
1497
+ info600: string;
1498
+ info700: string;
1499
+ success100: string;
1500
+ success300: string;
1501
+ success500: string;
1502
+ success600: string;
1503
+ success700: string;
1504
+ background: string;
1505
+ foreground: string;
1506
+ };
1507
+ space: {
1508
+ 0: string;
1509
+ 5: string;
1510
+ 10: string;
1511
+ 15: string;
1512
+ 20: string;
1513
+ 25: string;
1514
+ 30: string;
1515
+ 40: string;
1516
+ 46: string;
1517
+ 50: string;
1518
+ 60: string;
1519
+ 70: string;
1520
+ 80: string;
1521
+ 90: string;
1522
+ 100: string;
1523
+ 2: string;
1524
+ 4: string;
1525
+ 6: string;
1526
+ 8: string;
1527
+ 12: string;
1528
+ 16: string;
1529
+ 24: string;
1530
+ 28: string;
1531
+ 32: string;
1532
+ 36: string;
1533
+ };
1534
+ radii: {
1535
+ xs: string;
1536
+ sm: string;
1537
+ xm: string;
1538
+ md: string;
1539
+ xl: string;
1540
+ lg: string;
1541
+ primary: string;
1542
+ secondary: string;
1543
+ };
1544
+ fontSizes: {
1545
+ 10: string;
1546
+ 12: string;
1547
+ 14: string;
1548
+ 16: string;
1549
+ 18: string;
1550
+ 20: string;
1551
+ 22: string;
1552
+ 24: string;
1553
+ 28: string;
1554
+ 32: string;
1555
+ 36: string;
1556
+ 40: string;
1557
+ 48: string;
1558
+ };
1559
+ fonts: {
1560
+ primary: string;
1561
+ widget: string;
1562
+ };
1563
+ fontWeights: {
1564
+ regular: number;
1565
+ medium: number;
1566
+ semiBold: number;
1567
+ bold: number;
1568
+ };
1569
+ lineHeights: {
1570
+ 12: string;
1571
+ 16: string;
1572
+ 20: string;
1573
+ 24: string;
1574
+ 26: string;
1575
+ 28: string;
1576
+ 30: string;
1577
+ 36: string;
1578
+ 40: string;
1579
+ 44: string;
1580
+ 52: string;
1581
+ 64: string;
1582
+ };
1583
+ letterSpacings: {};
1584
+ sizes: {
1585
+ 4: string;
1586
+ 6: string;
1587
+ 8: string;
1588
+ 10: string;
1589
+ 12: string;
1590
+ 16: string;
1591
+ 18: string;
1592
+ 20: string;
1593
+ 24: string;
1594
+ 26: string;
1595
+ 28: string;
1596
+ 30: string;
1597
+ 32: string;
1598
+ 36: string;
1599
+ 40: string;
1600
+ 45: string;
1601
+ 48: string;
1602
+ };
1603
+ borderWidths: {};
1604
+ borderStyles: {};
1605
+ shadows: {
1606
+ mainContainer: string;
1607
+ };
1608
+ zIndices: {};
1609
+ transitions: {};
1610
+ }, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>;
1611
+ export declare const TokenInfoRow: import("@stitches/react/types/styled-component.js").StyledComponent<"div", {}, {
1612
+ xs: string;
1613
+ sm: string;
1614
+ md: string;
1615
+ lg: string;
1616
+ }, import("@stitches/react/types/css-util.js").CSS<{
1617
+ xs: string;
1618
+ sm: string;
1619
+ md: string;
1620
+ lg: string;
1621
+ }, {
1622
+ colors: {
1623
+ primary: string;
1624
+ primary500: string;
1625
+ primary550: string;
1626
+ secondary: string;
1627
+ secondary100: string;
1628
+ secondary150: string;
1629
+ secondary200: string;
1630
+ secondary250: string;
1631
+ secondary500: string;
1632
+ secondary550: string;
1633
+ neutral: string;
1634
+ neutral100: string;
1635
+ neutral200: string;
1636
+ neutral300: string;
1637
+ neutral400: string;
1638
+ neutral500: string;
1639
+ neutral600: string;
1640
+ neutral700: string;
1641
+ neutral800: string;
1642
+ neutral900: string;
1643
+ error100: string;
1644
+ error300: string;
1645
+ error500: string;
1646
+ error600: string;
1647
+ error700: string;
1648
+ warning100: string;
1649
+ warning300: string;
1650
+ warning500: string;
1651
+ warning600: string;
1652
+ warning700: string;
1653
+ info: string;
1654
+ info100: string;
1655
+ info300: string;
1656
+ info500: string;
1657
+ info600: string;
1658
+ info700: string;
1659
+ success100: string;
1660
+ success300: string;
1661
+ success500: string;
1662
+ success600: string;
1663
+ success700: string;
1664
+ background: string;
1665
+ foreground: string;
1666
+ };
1667
+ space: {
1668
+ 0: string;
1669
+ 5: string;
1670
+ 10: string;
1671
+ 15: string;
1672
+ 20: string;
1673
+ 25: string;
1674
+ 30: string;
1675
+ 40: string;
1676
+ 46: string;
1677
+ 50: string;
1678
+ 60: string;
1679
+ 70: string;
1680
+ 80: string;
1681
+ 90: string;
1682
+ 100: string;
1683
+ 2: string;
1684
+ 4: string;
1685
+ 6: string;
1686
+ 8: string;
1687
+ 12: string;
1688
+ 16: string;
1689
+ 24: string;
1690
+ 28: string;
1691
+ 32: string;
1692
+ 36: string;
1693
+ };
1694
+ radii: {
1695
+ xs: string;
1696
+ sm: string;
1697
+ xm: string;
1698
+ md: string;
1699
+ xl: string;
1700
+ lg: string;
1701
+ primary: string;
1702
+ secondary: string;
1703
+ };
1704
+ fontSizes: {
1705
+ 10: string;
1706
+ 12: string;
1707
+ 14: string;
1708
+ 16: string;
1709
+ 18: string;
1710
+ 20: string;
1711
+ 22: string;
1712
+ 24: string;
1713
+ 28: string;
1714
+ 32: string;
1715
+ 36: string;
1716
+ 40: string;
1717
+ 48: string;
1718
+ };
1719
+ fonts: {
1720
+ primary: string;
1721
+ widget: string;
1722
+ };
1723
+ fontWeights: {
1724
+ regular: number;
1725
+ medium: number;
1726
+ semiBold: number;
1727
+ bold: number;
1728
+ };
1729
+ lineHeights: {
1730
+ 12: string;
1731
+ 16: string;
1732
+ 20: string;
1733
+ 24: string;
1734
+ 26: string;
1735
+ 28: string;
1736
+ 30: string;
1737
+ 36: string;
1738
+ 40: string;
1739
+ 44: string;
1740
+ 52: string;
1741
+ 64: string;
1742
+ };
1743
+ letterSpacings: {};
1744
+ sizes: {
1745
+ 4: string;
1746
+ 6: string;
1747
+ 8: string;
1748
+ 10: string;
1749
+ 12: string;
1750
+ 16: string;
1751
+ 18: string;
1752
+ 20: string;
1753
+ 24: string;
1754
+ 26: string;
1755
+ 28: string;
1756
+ 30: string;
1757
+ 32: string;
1758
+ 36: string;
1759
+ 40: string;
1760
+ 45: string;
1761
+ 48: string;
1762
+ };
1763
+ borderWidths: {};
1764
+ borderStyles: {};
1765
+ shadows: {
1766
+ mainContainer: string;
1767
+ };
1768
+ zIndices: {};
1769
+ transitions: {};
1770
+ }, import("@stitches/react/types/config.js").DefaultThemeMap, {}>>;
487
1771
  //# sourceMappingURL=TokenAmount.styles.d.ts.map