@rango-dev/ui 0.29.0 → 0.29.1-next.0

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 (46) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/index.js +6 -6
  3. package/dist/index.js.map +4 -4
  4. package/dist/widget/ui/src/components/Alert/Alert.types.d.ts +1 -1
  5. package/dist/widget/ui/src/components/Alert/Alert.types.d.ts.map +1 -1
  6. package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.d.ts +4 -0
  7. package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.d.ts.map +1 -0
  8. package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.stories.d.ts +7 -0
  9. package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.stories.d.ts.map +1 -0
  10. package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.styles.d.ts +3566 -0
  11. package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.styles.d.ts.map +1 -0
  12. package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.types.d.ts +18 -0
  13. package/dist/widget/ui/src/components/ExpandedRoute/ExpandedRoute.types.d.ts.map +1 -0
  14. package/dist/widget/ui/src/components/ExpandedRoute/index.d.ts +2 -0
  15. package/dist/widget/ui/src/components/ExpandedRoute/index.d.ts.map +1 -0
  16. package/dist/widget/ui/src/components/ExpandedRoute/mock.d.ts +7 -0
  17. package/dist/widget/ui/src/components/ExpandedRoute/mock.d.ts.map +1 -0
  18. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.d.ts.map +1 -1
  19. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.types.d.ts +2 -1
  20. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.types.d.ts.map +1 -1
  21. package/dist/widget/ui/src/components/QuoteTag/QuoteTag.d.ts +4 -0
  22. package/dist/widget/ui/src/components/QuoteTag/QuoteTag.d.ts.map +1 -0
  23. package/dist/widget/ui/src/components/QuoteTag/QuoteTag.styles.d.ts +327 -0
  24. package/dist/widget/ui/src/components/QuoteTag/QuoteTag.styles.d.ts.map +1 -0
  25. package/dist/widget/ui/src/components/QuoteTag/index.d.ts +2 -0
  26. package/dist/widget/ui/src/components/QuoteTag/index.d.ts.map +1 -0
  27. package/dist/widget/ui/src/components/index.d.ts +2 -1
  28. package/dist/widget/ui/src/components/index.d.ts.map +1 -1
  29. package/dist/widget/ui/src/types/index.d.ts +1 -0
  30. package/dist/widget/ui/src/types/index.d.ts.map +1 -1
  31. package/package.json +2 -2
  32. package/src/components/Alert/Alert.types.ts +1 -1
  33. package/src/components/ExpandedRoute/ExpandedRoute.stories.tsx +29 -0
  34. package/src/components/ExpandedRoute/ExpandedRoute.styles.ts +186 -0
  35. package/src/components/ExpandedRoute/ExpandedRoute.tsx +147 -0
  36. package/src/components/ExpandedRoute/ExpandedRoute.types.ts +18 -0
  37. package/src/components/ExpandedRoute/index.ts +1 -0
  38. package/src/components/ExpandedRoute/mock.ts +236 -0
  39. package/src/components/PriceImpact/PriceImpact.tsx +5 -7
  40. package/src/components/PriceImpact/PriceImpact.types.ts +2 -1
  41. package/src/components/QuoteTag/QuoteTag.styles.ts +44 -0
  42. package/src/components/QuoteTag/QuoteTag.tsx +19 -0
  43. package/src/components/QuoteTag/index.ts +1 -0
  44. package/src/components/index.ts +2 -1
  45. package/src/containers/SwapInput/SwapInput.tsx +1 -1
  46. package/src/types/index.ts +4 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExpandedRoute.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/ExpandedRoute.styles.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,18 @@
1
+ import type { PriceImpactProps } from '../PriceImpact/PriceImpact.types';
2
+ import type { PropTypes as QuoteCostProps } from '../QuoteCost/QuoteCost.types';
3
+ import type { Step } from '../StepDetails/StepDetails.types';
4
+ import type { RouteTag } from 'rango-sdk';
5
+ import type { SwapInputProps } from 'src/containers/SwapInput/SwapInput.types';
6
+ export interface PropTypes {
7
+ steps: Step[];
8
+ tags: RouteTag[];
9
+ time: QuoteCostProps['time'];
10
+ fee: QuoteCostProps['fee'];
11
+ percentageChange?: PriceImpactProps['percentageChange'];
12
+ warningLevel?: PriceImpactProps['warningLevel'];
13
+ outputPrice: SwapInputProps['price'];
14
+ tooltipContainer?: HTMLElement;
15
+ onClick?: () => void;
16
+ selected?: boolean;
17
+ }
18
+ //# sourceMappingURL=ExpandedRoute.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExpandedRoute.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/ExpandedRoute.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAE/E,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAC3B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IACxD,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAChD,WAAW,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
@@ -0,0 +1,2 @@
1
+ export { ExpandedRoute } from './ExpandedRoute';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,7 @@
1
+ import type { Step } from '../StepDetails/StepDetails.types';
2
+ export declare const steps: Step[];
3
+ export declare const tags: {
4
+ value: string;
5
+ label: string;
6
+ }[];
7
+ //# sourceMappingURL=mock.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ExpandedRoute/mock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAE7D,eAAO,MAAM,KAAK,EAAE,IAAI,EAkNvB,CAAC;AAEF,eAAO,MAAM,IAAI;;;GAqBhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"PriceImpact.d.ts","sourceRoot":"","sources":["../../../../../../src/components/PriceImpact/PriceImpact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAyDlD"}
1
+ {"version":3,"file":"PriceImpact.d.ts","sourceRoot":"","sources":["../../../../../../src/components/PriceImpact/PriceImpact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAuDlD"}
@@ -1,7 +1,8 @@
1
1
  import type { PropTypes as TooltipPropTypes } from '../Tooltip/Tooltip.types';
2
+ import type { TypographyPropTypes } from '../Typography';
2
3
  export type PriceImpactWarningLevel = 'low' | 'high' | undefined;
3
4
  export type PriceImpactProps = {
4
- size: 'small' | 'large';
5
+ size: TypographyPropTypes['size'];
5
6
  outputUsdValue?: string;
6
7
  realOutputUsdValue?: string;
7
8
  error?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"PriceImpact.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/PriceImpact/PriceImpact.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE9E,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,YAAY,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;QAC1C,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;KACjC,CAAC;CACH,CAAC"}
1
+ {"version":3,"file":"PriceImpact.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/PriceImpact/PriceImpact.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,YAAY,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;QAC1C,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;KACjC,CAAC;CACH,CAAC"}
@@ -0,0 +1,4 @@
1
+ import type { RouteTag } from 'rango-sdk';
2
+ import React from 'react';
3
+ export declare const QuoteTag: (props: RouteTag) => React.JSX.Element;
4
+ //# sourceMappingURL=QuoteTag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QuoteTag.d.ts","sourceRoot":"","sources":["../../../../../../src/components/QuoteTag/QuoteTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAO,MAAM,WAAW,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,QAAQ,UAAW,QAAQ,sBAUvC,CAAC"}
@@ -0,0 +1,327 @@
1
+ export declare const getLabelStyles: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
2
+ xs: string;
3
+ sm: string;
4
+ md: string;
5
+ lg: string;
6
+ }, import("@stitches/react/types/css-util").CSS<{
7
+ xs: string;
8
+ sm: string;
9
+ md: string;
10
+ lg: string;
11
+ }, {
12
+ colors: {
13
+ primary: string;
14
+ primary500: string;
15
+ primary600: string;
16
+ secondary: string;
17
+ secondary100: string;
18
+ secondary200: string;
19
+ secondary300: string;
20
+ secondary400: string;
21
+ secondary500: string;
22
+ secondary600: string;
23
+ secondary700: string;
24
+ secondary800: string;
25
+ secondary900: string;
26
+ neutral: string;
27
+ neutral100: string;
28
+ neutral200: string;
29
+ neutral300: string;
30
+ neutral400: string;
31
+ neutral500: string;
32
+ neutral600: string;
33
+ neutral700: string;
34
+ neutral800: string;
35
+ neutral900: string;
36
+ error100: string;
37
+ error300: string;
38
+ error500: string;
39
+ error600: string;
40
+ error700: string;
41
+ warning100: string;
42
+ warning300: string;
43
+ warning500: string;
44
+ warning600: string;
45
+ warning700: string;
46
+ info: string;
47
+ info100: string;
48
+ info300: string;
49
+ info500: string;
50
+ info600: string;
51
+ info700: string;
52
+ success100: string;
53
+ success300: string;
54
+ success500: string;
55
+ success600: string;
56
+ success700: string;
57
+ background: string;
58
+ foreground: string;
59
+ };
60
+ space: {
61
+ 0: string;
62
+ 5: string;
63
+ 10: string;
64
+ 15: string;
65
+ 20: string;
66
+ 25: string;
67
+ 30: string;
68
+ 40: string;
69
+ 46: string;
70
+ 50: string;
71
+ 60: string;
72
+ 70: string;
73
+ 80: string;
74
+ 90: string;
75
+ 100: string;
76
+ 2: string;
77
+ 4: string;
78
+ 6: string;
79
+ 8: string;
80
+ 12: string;
81
+ 16: string;
82
+ 24: string;
83
+ 28: string;
84
+ 32: string;
85
+ };
86
+ radii: {
87
+ xs: string;
88
+ sm: string;
89
+ xm: string;
90
+ md: string;
91
+ xl: string;
92
+ lg: string;
93
+ primary: string;
94
+ secondary: string;
95
+ };
96
+ fontSizes: {
97
+ 10: string;
98
+ 12: string;
99
+ 14: string;
100
+ 16: string;
101
+ 18: string;
102
+ 20: string;
103
+ 22: string;
104
+ 24: string;
105
+ 28: string;
106
+ 32: string;
107
+ 36: string;
108
+ 40: string;
109
+ 48: string;
110
+ };
111
+ fonts: {
112
+ primary: string;
113
+ widget: string;
114
+ };
115
+ fontWeights: {
116
+ regular: number;
117
+ medium: number;
118
+ semiBold: number;
119
+ bold: number;
120
+ };
121
+ lineHeights: {
122
+ 12: string;
123
+ 16: string;
124
+ 20: string;
125
+ 24: string;
126
+ 26: string;
127
+ 28: string;
128
+ 30: string;
129
+ 36: string;
130
+ 40: string;
131
+ 44: string;
132
+ 52: string;
133
+ 64: string;
134
+ };
135
+ letterSpacings: {};
136
+ sizes: {
137
+ 4: string;
138
+ 6: string;
139
+ 8: string;
140
+ 10: string;
141
+ 12: string;
142
+ 16: string;
143
+ 18: string;
144
+ 20: string;
145
+ 24: string;
146
+ 26: string;
147
+ 28: string;
148
+ 30: string;
149
+ 32: string;
150
+ 36: string;
151
+ 40: string;
152
+ 45: string;
153
+ 48: string;
154
+ };
155
+ borderWidths: {};
156
+ borderStyles: {};
157
+ shadows: {
158
+ s: string;
159
+ };
160
+ zIndices: {};
161
+ transitions: {};
162
+ }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
163
+ export declare const TagContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
164
+ type?: "RECOMMENDED" | "FASTEST" | "HIGH_IMPACT" | "LOWEST_FEE" | "CENTRALIZED" | undefined;
165
+ }, {
166
+ xs: string;
167
+ sm: string;
168
+ md: string;
169
+ lg: string;
170
+ }, import("@stitches/react/types/css-util").CSS<{
171
+ xs: string;
172
+ sm: string;
173
+ md: string;
174
+ lg: string;
175
+ }, {
176
+ colors: {
177
+ primary: string;
178
+ primary500: string;
179
+ primary600: string;
180
+ secondary: string;
181
+ secondary100: string;
182
+ secondary200: string;
183
+ secondary300: string;
184
+ secondary400: string;
185
+ secondary500: string;
186
+ secondary600: string;
187
+ secondary700: string;
188
+ secondary800: string;
189
+ secondary900: string;
190
+ neutral: string;
191
+ neutral100: string;
192
+ neutral200: string;
193
+ neutral300: string;
194
+ neutral400: string;
195
+ neutral500: string;
196
+ neutral600: string;
197
+ neutral700: string;
198
+ neutral800: string;
199
+ neutral900: string;
200
+ error100: string;
201
+ error300: string;
202
+ error500: string;
203
+ error600: string;
204
+ error700: string;
205
+ warning100: string;
206
+ warning300: string;
207
+ warning500: string;
208
+ warning600: string;
209
+ warning700: string;
210
+ info: string;
211
+ info100: string;
212
+ info300: string;
213
+ info500: string;
214
+ info600: string;
215
+ info700: string;
216
+ success100: string;
217
+ success300: string;
218
+ success500: string;
219
+ success600: string;
220
+ success700: string;
221
+ background: string;
222
+ foreground: string;
223
+ };
224
+ space: {
225
+ 0: string;
226
+ 5: string;
227
+ 10: string;
228
+ 15: string;
229
+ 20: string;
230
+ 25: string;
231
+ 30: string;
232
+ 40: string;
233
+ 46: string;
234
+ 50: string;
235
+ 60: string;
236
+ 70: string;
237
+ 80: string;
238
+ 90: string;
239
+ 100: string;
240
+ 2: string;
241
+ 4: string;
242
+ 6: string;
243
+ 8: string;
244
+ 12: string;
245
+ 16: string;
246
+ 24: string;
247
+ 28: string;
248
+ 32: string;
249
+ };
250
+ radii: {
251
+ xs: string;
252
+ sm: string;
253
+ xm: string;
254
+ md: string;
255
+ xl: string;
256
+ lg: string;
257
+ primary: string;
258
+ secondary: string;
259
+ };
260
+ fontSizes: {
261
+ 10: string;
262
+ 12: string;
263
+ 14: string;
264
+ 16: string;
265
+ 18: string;
266
+ 20: string;
267
+ 22: string;
268
+ 24: string;
269
+ 28: string;
270
+ 32: string;
271
+ 36: string;
272
+ 40: string;
273
+ 48: string;
274
+ };
275
+ fonts: {
276
+ primary: string;
277
+ widget: string;
278
+ };
279
+ fontWeights: {
280
+ regular: number;
281
+ medium: number;
282
+ semiBold: number;
283
+ bold: number;
284
+ };
285
+ lineHeights: {
286
+ 12: string;
287
+ 16: string;
288
+ 20: string;
289
+ 24: string;
290
+ 26: string;
291
+ 28: string;
292
+ 30: string;
293
+ 36: string;
294
+ 40: string;
295
+ 44: string;
296
+ 52: string;
297
+ 64: string;
298
+ };
299
+ letterSpacings: {};
300
+ sizes: {
301
+ 4: string;
302
+ 6: string;
303
+ 8: string;
304
+ 10: string;
305
+ 12: string;
306
+ 16: string;
307
+ 18: string;
308
+ 20: string;
309
+ 24: string;
310
+ 26: string;
311
+ 28: string;
312
+ 30: string;
313
+ 32: string;
314
+ 36: string;
315
+ 40: string;
316
+ 45: string;
317
+ 48: string;
318
+ };
319
+ borderWidths: {};
320
+ borderStyles: {};
321
+ shadows: {
322
+ s: string;
323
+ };
324
+ zIndices: {};
325
+ transitions: {};
326
+ }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
327
+ //# sourceMappingURL=QuoteTag.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QuoteTag.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/QuoteTag/QuoteTag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAU,CAAC;AAEtC,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAuCvB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { QuoteTag } from './QuoteTag';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/QuoteTag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
@@ -11,6 +11,7 @@ export * from './Chip';
11
11
  export * from './common';
12
12
  export * from './Divider';
13
13
  export * from './Drawer';
14
+ export * from './ExpandedRoute';
14
15
  export * from './Header';
15
16
  export * from './Modal';
16
17
  export * from './MessageBox';
@@ -20,7 +21,6 @@ export * from './RefreshProgressButton';
20
21
  export * from './RoutesOverview';
21
22
  export * from './SecondaryPage';
22
23
  export * from './SelectableWalletList';
23
- export * from './Wallet';
24
24
  export * from './SelectableCategoryList';
25
25
  export * from './Spinner';
26
26
  export * from './StepDetail';
@@ -52,4 +52,5 @@ export * from './StepDetails';
52
52
  export * from './Popover';
53
53
  export * from './Flags';
54
54
  export * from './Select';
55
+ export * from './QuoteTag';
55
56
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export type { ConnectedWallet } from './wallet';
2
+ export type { SimulationAssetAndAmount, SimulationValidationStatus, } from './swaps';
2
3
  //# 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,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;AAChD,YAAY,EACV,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,SAAS,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rango-dev/ui",
3
- "version": "0.29.0",
3
+ "version": "0.29.1-next.0",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "source": "./src/index.ts",
@@ -73,4 +73,4 @@
73
73
  "publishConfig": {
74
74
  "access": "public"
75
75
  }
76
- }
76
+ }
@@ -1,6 +1,6 @@
1
+ import type { CSS } from '../../theme';
1
2
  import type { BaseAlign } from '../Typography/Typography.types';
2
3
  import type { ReactNode } from 'react';
3
- import type { CSS } from 'src/theme';
4
4
 
5
5
  export type Type = 'success' | 'warning' | 'error' | 'info' | 'loading';
6
6
 
@@ -0,0 +1,29 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+
3
+ import { ExpandedRoute } from './ExpandedRoute';
4
+ import { steps, tags } from './mock';
5
+
6
+ const meta: Meta<typeof ExpandedRoute> = {
7
+ component: ExpandedRoute,
8
+ };
9
+
10
+ export default meta;
11
+ type Story = StoryObj<typeof ExpandedRoute>;
12
+
13
+ export const Main: Story = {
14
+ args: {
15
+ steps,
16
+ tags,
17
+ time: '11:30',
18
+ fee: '16.46',
19
+ warningLevel: 'low',
20
+ percentageChange: '10',
21
+ outputPrice: {
22
+ realValue: '2.87978979879',
23
+ realUsdValue: '23.65484879797',
24
+ value: '2.5556484',
25
+ usdValue: '23.564464',
26
+ },
27
+ selected: false,
28
+ },
29
+ };