@rango-dev/ui 0.22.1-next.0 → 0.22.1-next.10

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 (124) hide show
  1. package/dist/index.js +6 -6
  2. package/dist/index.js.map +4 -4
  3. package/dist/translations/en.d.ts.map +1 -1
  4. package/dist/translations/es.d.ts.map +1 -1
  5. package/dist/translations/fr.d.ts.map +1 -1
  6. package/dist/translations/ja.d.ts.map +1 -1
  7. package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts.map +1 -1
  8. package/dist/widget/ui/src/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
  9. package/dist/widget/ui/src/components/ListItem/ListItem.styles.d.ts.map +1 -1
  10. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.d.ts +4 -0
  11. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.d.ts.map +1 -0
  12. package/dist/widget/ui/src/components/{BestRoute/BestRouteSkeleton.styles.d.ts → QuoteCost/QuoteCost.styles.d.ts} +3 -7
  13. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts.map +1 -0
  14. package/dist/widget/ui/src/components/{RouteCost/RouteCost.types.d.ts → QuoteCost/QuoteCost.types.d.ts} +1 -1
  15. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.types.d.ts.map +1 -0
  16. package/dist/widget/ui/src/components/QuoteCost/index.d.ts +2 -0
  17. package/dist/widget/ui/src/components/QuoteCost/index.d.ts.map +1 -0
  18. package/dist/widget/ui/src/components/Radio/Radio.styles.d.ts.map +1 -1
  19. package/dist/widget/ui/src/components/RoutesOverview/RoutesOverview.d.ts.map +1 -1
  20. package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts +1 -1
  21. package/dist/widget/ui/src/components/StepDetails/StepDetails.types.d.ts +16 -2
  22. package/dist/widget/ui/src/components/StepDetails/StepDetails.types.d.ts.map +1 -1
  23. package/dist/widget/ui/src/components/StepDetails/index.d.ts +1 -1
  24. package/dist/widget/ui/src/components/StepDetails/index.d.ts.map +1 -1
  25. package/dist/widget/ui/src/components/StepDetails/mock.d.ts +1 -1
  26. package/dist/widget/ui/src/components/StepDetails/mock.d.ts.map +1 -1
  27. package/dist/widget/ui/src/components/Switch/Switch.styles.d.ts.map +1 -1
  28. package/dist/widget/ui/src/components/index.d.ts +1 -2
  29. package/dist/widget/ui/src/components/index.d.ts.map +1 -1
  30. package/dist/widget/ui/src/containers/BlockchainSelector/BlockchainSelector.d.ts +3 -3
  31. package/dist/widget/ui/src/containers/BlockchainSelector/BlockchainSelector.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 +159 -0
  34. package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map +1 -1
  35. package/dist/widget/ui/src/containers/SwapInput/SwapInput.types.d.ts +1 -0
  36. package/dist/widget/ui/src/containers/SwapInput/SwapInput.types.d.ts.map +1 -1
  37. package/dist/widget/ui/src/containers/SwapInput/TokenSection.d.ts.map +1 -1
  38. package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts.map +1 -1
  39. package/dist/widget/ui/src/containers/TokenSelector/TokenSelector.d.ts +2 -2
  40. package/dist/widget/ui/src/containers/TokenSelector/TokenSelector.d.ts.map +1 -1
  41. package/dist/widget/ui/src/icons/Language.d.ts +5 -0
  42. package/dist/widget/ui/src/icons/Language.d.ts.map +1 -0
  43. package/dist/widget/ui/src/icons/index.d.ts +1 -0
  44. package/dist/widget/ui/src/icons/index.d.ts.map +1 -1
  45. package/dist/widget/ui/src/index.d.ts +0 -1
  46. package/dist/widget/ui/src/index.d.ts.map +1 -1
  47. package/dist/widget/ui/src/{helper → utils}/index.d.ts +0 -3
  48. package/dist/widget/ui/src/utils/index.d.ts.map +1 -0
  49. package/package.json +2 -2
  50. package/src/components/Alert/Alert.styles.ts +2 -5
  51. package/src/components/Checkbox/Checkbox.styles.ts +5 -1
  52. package/src/components/ListItem/ListItem.styles.ts +7 -0
  53. package/src/components/ListItem/ListItem.tsx +1 -1
  54. package/src/components/PriceImpact/PriceImpact.tsx +2 -2
  55. package/src/components/{RouteCost/RouteCost.styles.ts → QuoteCost/QuoteCost.styles.ts} +7 -0
  56. package/src/components/{RouteCost/RouteCost.tsx → QuoteCost/QuoteCost.tsx} +3 -4
  57. package/src/components/QuoteCost/index.ts +1 -0
  58. package/src/components/Radio/Radio.styles.tsx +5 -2
  59. package/src/components/RoutesOverview/RoutesOverview.tsx +6 -2
  60. package/src/components/SelectableWalletList/SelectableWalletList.tsx +1 -1
  61. package/src/components/StepDetails/StepDetails.stories.tsx +1 -1
  62. package/src/components/StepDetails/StepDetails.styles.ts +4 -4
  63. package/src/components/StepDetails/StepDetails.tsx +3 -3
  64. package/src/components/StepDetails/StepDetails.types.ts +17 -2
  65. package/src/components/StepDetails/index.ts +1 -1
  66. package/src/components/StepDetails/mock.ts +1 -1
  67. package/src/components/SvgIcon/SvgIcon.style.ts +1 -1
  68. package/src/components/Switch/Switch.styles.tsx +6 -2
  69. package/src/components/index.ts +1 -2
  70. package/src/containers/BlockchainSelector/BlockchainSelector.tsx +9 -8
  71. package/src/containers/SwapInput/SwapInput.styles.ts +33 -0
  72. package/src/containers/SwapInput/SwapInput.tsx +16 -19
  73. package/src/containers/SwapInput/SwapInput.types.ts +1 -0
  74. package/src/containers/SwapInput/TokenSection.styles.ts +8 -0
  75. package/src/containers/SwapInput/TokenSection.tsx +4 -1
  76. package/src/containers/TokenSelector/TokenSelector.tsx +8 -10
  77. package/src/icons/Language.tsx +55 -0
  78. package/src/icons/index.ts +1 -0
  79. package/src/index.ts +0 -1
  80. package/src/theme.ts +4 -4
  81. package/src/utils/index.ts +23 -0
  82. package/dist/widget/ui/src/components/BestRoute/BestRoute.d.ts +0 -4
  83. package/dist/widget/ui/src/components/BestRoute/BestRoute.d.ts.map +0 -1
  84. package/dist/widget/ui/src/components/BestRoute/BestRoute.stories.d.ts +0 -7
  85. package/dist/widget/ui/src/components/BestRoute/BestRoute.stories.d.ts.map +0 -1
  86. package/dist/widget/ui/src/components/BestRoute/BestRoute.styles.d.ts +0 -1429
  87. package/dist/widget/ui/src/components/BestRoute/BestRoute.styles.d.ts.map +0 -1
  88. package/dist/widget/ui/src/components/BestRoute/BestRoute.types.d.ts +0 -34
  89. package/dist/widget/ui/src/components/BestRoute/BestRoute.types.d.ts.map +0 -1
  90. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.d.ts +0 -4
  91. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.d.ts.map +0 -1
  92. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.styles.d.ts.map +0 -1
  93. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.types.d.ts +0 -6
  94. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.types.d.ts.map +0 -1
  95. package/dist/widget/ui/src/components/BestRoute/RouteSummary.d.ts +0 -12
  96. package/dist/widget/ui/src/components/BestRoute/RouteSummary.d.ts.map +0 -1
  97. package/dist/widget/ui/src/components/BestRoute/RouteSummary.styles.d.ts +0 -158
  98. package/dist/widget/ui/src/components/BestRoute/RouteSummary.styles.d.ts.map +0 -1
  99. package/dist/widget/ui/src/components/BestRoute/index.d.ts +0 -5
  100. package/dist/widget/ui/src/components/BestRoute/index.d.ts.map +0 -1
  101. package/dist/widget/ui/src/components/BestRoute/mock.d.ts +0 -3
  102. package/dist/widget/ui/src/components/BestRoute/mock.d.ts.map +0 -1
  103. package/dist/widget/ui/src/components/RouteCost/RouteCost.d.ts +0 -4
  104. package/dist/widget/ui/src/components/RouteCost/RouteCost.d.ts.map +0 -1
  105. package/dist/widget/ui/src/components/RouteCost/RouteCost.styles.d.ts +0 -158
  106. package/dist/widget/ui/src/components/RouteCost/RouteCost.styles.d.ts.map +0 -1
  107. package/dist/widget/ui/src/components/RouteCost/RouteCost.types.d.ts.map +0 -1
  108. package/dist/widget/ui/src/components/RouteCost/index.d.ts +0 -2
  109. package/dist/widget/ui/src/components/RouteCost/index.d.ts.map +0 -1
  110. package/dist/widget/ui/src/helper/index.d.ts.map +0 -1
  111. package/src/components/BestRoute/BestRoute.stories.tsx +0 -17
  112. package/src/components/BestRoute/BestRoute.styles.ts +0 -213
  113. package/src/components/BestRoute/BestRoute.tsx +0 -176
  114. package/src/components/BestRoute/BestRoute.types.ts +0 -32
  115. package/src/components/BestRoute/BestRouteSkeleton.styles.ts +0 -110
  116. package/src/components/BestRoute/BestRouteSkeleton.tsx +0 -112
  117. package/src/components/BestRoute/BestRouteSkeleton.types.ts +0 -5
  118. package/src/components/BestRoute/RouteSummary.styles.ts +0 -15
  119. package/src/components/BestRoute/RouteSummary.tsx +0 -48
  120. package/src/components/BestRoute/index.ts +0 -4
  121. package/src/components/BestRoute/mock.ts +0 -142
  122. package/src/components/RouteCost/index.ts +0 -1
  123. package/src/helper/index.ts +0 -99
  124. /package/src/components/{RouteCost/RouteCost.types.ts → QuoteCost/QuoteCost.types.ts} +0 -0
@@ -1,99 +0,0 @@
1
- /* eslint-disable @typescript-eslint/no-magic-numbers */
2
-
3
- export function containsText(text: string, searchText: string): boolean {
4
- return text.toLowerCase().indexOf(searchText.toLowerCase()) > -1;
5
- }
6
-
7
- export function getConciseAddress(
8
- address: string | null,
9
- maxChars = 8,
10
- ellipsisLength = 3
11
- ): string | null {
12
- if (!address) {
13
- return null;
14
- }
15
- if (address.length < 2 * maxChars + ellipsisLength) {
16
- return address;
17
- }
18
- const start = Math.ceil((address.length - maxChars) / 2);
19
- const end = address.length - maxChars;
20
- return `${address.substr(start, maxChars)}${'.'.repeat(
21
- ellipsisLength
22
- )}${address.substr(end)}`;
23
- }
24
-
25
- const hexToRgb = (hex: string) =>
26
- ((value) =>
27
- value.length === 3
28
- ? value.split('').map((c) => parseInt(c.repeat(2), 16))
29
- : (value.match(/.{1,2}/g) || []).map((v) => parseInt(v, 16)))(
30
- hex.replace('#', '')
31
- );
32
-
33
- const isHexTooDark = (hexColor: string) =>
34
- (([r, g, b]) => 0.2126 * r + 0.7152 * g + 0.0722 * b < 40)(
35
- hexToRgb(hexColor)
36
- );
37
-
38
- const isHexTooLight = (hexColor: string) =>
39
- (([r, g, b]) => (r * 299 + g * 587 + b * 114) / 1000 > 155)(
40
- hexToRgb(hexColor)
41
- );
42
-
43
- const colorShade = (col: string, amt: number) => {
44
- col = col.replace(/^#/, '');
45
- if (col.length === 3) {
46
- col = col[0] + col[0] + col[1] + col[1] + col[2] + col[2];
47
- }
48
- let [r, g, b]: any = col.match(/.{2}/g);
49
- [r, g, b] = [
50
- parseInt(r, 16) + amt,
51
- parseInt(g, 16) + amt,
52
- parseInt(b, 16) + amt,
53
- ];
54
-
55
- r = Math.max(Math.min(255, r), 0).toString(16);
56
- g = Math.max(Math.min(255, g), 0).toString(16);
57
- b = Math.max(Math.min(255, b), 0).toString(16);
58
-
59
- const rr = (r.length < 2 ? '0' : '') + r;
60
- const gg = (g.length < 2 ? '0' : '') + g;
61
- const bb = (b.length < 2 ? '0' : '') + b;
62
-
63
- return `#${rr}${gg}${bb}`;
64
- };
65
-
66
- export const generateRangeColors = (
67
- name: string,
68
- mode: 'light' | 'dark',
69
- color?: string
70
- ) => {
71
- let colors = { [name]: color };
72
- if (color) {
73
- let c = color;
74
- if (isHexTooDark(color) || mode === 'dark') {
75
- for (let i = 1; i < 10; i++) {
76
- colors = {
77
- ...colors,
78
- [name + i * 100]:
79
- name === 'neutral'
80
- ? colorShade(c, i * 15)
81
- : colorShade(color, i * 5),
82
- };
83
- }
84
- }
85
- if (isHexTooLight(color) || mode === 'light') {
86
- for (let i = 1; i < 10; i++) {
87
- c = colorShade(c, -(i * 5));
88
- colors = {
89
- ...colors,
90
- [name + i * 100]:
91
- name === 'neutral'
92
- ? colorShade(c, -(i * 5))
93
- : colorShade(color, -(i * 5)),
94
- };
95
- }
96
- }
97
- }
98
- return colors;
99
- };