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

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 (76) 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/QuoteCost/QuoteCost.d.ts +4 -0
  8. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.d.ts.map +1 -0
  9. package/dist/widget/ui/src/components/{BestRoute/BestRouteSkeleton.styles.d.ts → QuoteCost/QuoteCost.styles.d.ts} +3 -7
  10. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts.map +1 -0
  11. package/dist/widget/ui/src/components/{RouteCost/RouteCost.types.d.ts → QuoteCost/QuoteCost.types.d.ts} +1 -1
  12. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.types.d.ts.map +1 -0
  13. package/dist/widget/ui/src/components/QuoteCost/index.d.ts +2 -0
  14. package/dist/widget/ui/src/components/QuoteCost/index.d.ts.map +1 -0
  15. package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts +1 -1
  16. package/dist/widget/ui/src/components/StepDetails/StepDetails.types.d.ts +16 -2
  17. package/dist/widget/ui/src/components/StepDetails/StepDetails.types.d.ts.map +1 -1
  18. package/dist/widget/ui/src/components/StepDetails/index.d.ts +1 -1
  19. package/dist/widget/ui/src/components/StepDetails/index.d.ts.map +1 -1
  20. package/dist/widget/ui/src/components/StepDetails/mock.d.ts +1 -1
  21. package/dist/widget/ui/src/components/StepDetails/mock.d.ts.map +1 -1
  22. package/dist/widget/ui/src/components/index.d.ts +1 -2
  23. package/dist/widget/ui/src/components/index.d.ts.map +1 -1
  24. package/package.json +2 -2
  25. package/src/components/PriceImpact/PriceImpact.tsx +2 -2
  26. package/src/components/{RouteCost/RouteCost.styles.ts → QuoteCost/QuoteCost.styles.ts} +7 -0
  27. package/src/components/{RouteCost/RouteCost.tsx → QuoteCost/QuoteCost.tsx} +3 -4
  28. package/src/components/QuoteCost/index.ts +1 -0
  29. package/src/components/StepDetails/StepDetails.stories.tsx +1 -1
  30. package/src/components/StepDetails/StepDetails.styles.ts +2 -2
  31. package/src/components/StepDetails/StepDetails.tsx +3 -3
  32. package/src/components/StepDetails/StepDetails.types.ts +17 -2
  33. package/src/components/StepDetails/index.ts +1 -1
  34. package/src/components/StepDetails/mock.ts +1 -1
  35. package/src/components/index.ts +1 -2
  36. package/dist/widget/ui/src/components/BestRoute/BestRoute.d.ts +0 -4
  37. package/dist/widget/ui/src/components/BestRoute/BestRoute.d.ts.map +0 -1
  38. package/dist/widget/ui/src/components/BestRoute/BestRoute.stories.d.ts +0 -7
  39. package/dist/widget/ui/src/components/BestRoute/BestRoute.stories.d.ts.map +0 -1
  40. package/dist/widget/ui/src/components/BestRoute/BestRoute.styles.d.ts +0 -1429
  41. package/dist/widget/ui/src/components/BestRoute/BestRoute.styles.d.ts.map +0 -1
  42. package/dist/widget/ui/src/components/BestRoute/BestRoute.types.d.ts +0 -34
  43. package/dist/widget/ui/src/components/BestRoute/BestRoute.types.d.ts.map +0 -1
  44. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.d.ts +0 -4
  45. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.d.ts.map +0 -1
  46. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.styles.d.ts.map +0 -1
  47. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.types.d.ts +0 -6
  48. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.types.d.ts.map +0 -1
  49. package/dist/widget/ui/src/components/BestRoute/RouteSummary.d.ts +0 -12
  50. package/dist/widget/ui/src/components/BestRoute/RouteSummary.d.ts.map +0 -1
  51. package/dist/widget/ui/src/components/BestRoute/RouteSummary.styles.d.ts +0 -158
  52. package/dist/widget/ui/src/components/BestRoute/RouteSummary.styles.d.ts.map +0 -1
  53. package/dist/widget/ui/src/components/BestRoute/index.d.ts +0 -5
  54. package/dist/widget/ui/src/components/BestRoute/index.d.ts.map +0 -1
  55. package/dist/widget/ui/src/components/BestRoute/mock.d.ts +0 -3
  56. package/dist/widget/ui/src/components/BestRoute/mock.d.ts.map +0 -1
  57. package/dist/widget/ui/src/components/RouteCost/RouteCost.d.ts +0 -4
  58. package/dist/widget/ui/src/components/RouteCost/RouteCost.d.ts.map +0 -1
  59. package/dist/widget/ui/src/components/RouteCost/RouteCost.styles.d.ts +0 -158
  60. package/dist/widget/ui/src/components/RouteCost/RouteCost.styles.d.ts.map +0 -1
  61. package/dist/widget/ui/src/components/RouteCost/RouteCost.types.d.ts.map +0 -1
  62. package/dist/widget/ui/src/components/RouteCost/index.d.ts +0 -2
  63. package/dist/widget/ui/src/components/RouteCost/index.d.ts.map +0 -1
  64. package/src/components/BestRoute/BestRoute.stories.tsx +0 -17
  65. package/src/components/BestRoute/BestRoute.styles.ts +0 -213
  66. package/src/components/BestRoute/BestRoute.tsx +0 -176
  67. package/src/components/BestRoute/BestRoute.types.ts +0 -32
  68. package/src/components/BestRoute/BestRouteSkeleton.styles.ts +0 -110
  69. package/src/components/BestRoute/BestRouteSkeleton.tsx +0 -112
  70. package/src/components/BestRoute/BestRouteSkeleton.types.ts +0 -5
  71. package/src/components/BestRoute/RouteSummary.styles.ts +0 -15
  72. package/src/components/BestRoute/RouteSummary.tsx +0 -48
  73. package/src/components/BestRoute/index.ts +0 -4
  74. package/src/components/BestRoute/mock.ts +0 -142
  75. package/src/components/RouteCost/index.ts +0 -1
  76. /package/src/components/{RouteCost/RouteCost.types.ts → QuoteCost/QuoteCost.types.ts} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"BestRoute.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/BestRoute/BestRoute.styles.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAM3D,eAAO,MAAM,qCAAqC,MAAM,CAAC;AAEzD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA6BzB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA6E3B,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA6CjB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAElB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAgBxB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKpB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAU9B,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAMpB,CAAC"}
@@ -1,34 +0,0 @@
1
- import type { SwapInputProps } from '../../containers/SwapInput/SwapInput.types';
2
- import type { PriceImpactProps } from '../PriceImpact/PriceImpact.types';
3
- import type { ReactNode } from 'react';
4
- type BaseStep = Pick<SwapInputProps, 'chain' | 'token' | 'price'>;
5
- export type Step = {
6
- swapper: SwapInputProps['chain'];
7
- from: BaseStep;
8
- to: BaseStep;
9
- error?: {
10
- title?: string;
11
- description?: string;
12
- };
13
- alerts?: ReactNode;
14
- };
15
- export type BestRouteProps = Pick<PriceImpactProps, 'percentageChange' | 'warningLevel'> & {
16
- type: 'basic' | 'list-item' | 'swap-preview';
17
- recommended: boolean;
18
- tag?: ReactNode;
19
- input: {
20
- value: string;
21
- usdValue: string;
22
- };
23
- output: {
24
- value: string;
25
- usdValue?: string;
26
- };
27
- steps: Step[];
28
- totalFee: string;
29
- totalTime: string;
30
- expanded?: boolean;
31
- tooltipContainer?: HTMLElement;
32
- };
33
- export {};
34
- //# sourceMappingURL=BestRoute.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BestRoute.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/BestRoute/BestRoute.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,QAAQ,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;AAElE,MAAM,MAAM,IAAI,GAAG;IACjB,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,IAAI,EAAE,QAAQ,CAAC;IACf,EAAE,EAAE,QAAQ,CAAC;IACb,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,gBAAgB,EAChB,kBAAkB,GAAG,cAAc,CACpC,GAAG;IACF,IAAI,EAAE,OAAO,GAAG,WAAW,GAAG,cAAc,CAAC;IAC7C,WAAW,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,WAAW,CAAC;CAChC,CAAC"}
@@ -1,4 +0,0 @@
1
- import type { PropTypes } from './BestRouteSkeleton.types';
2
- import React from 'react';
3
- export declare function BestRouteSkeleton(props: PropTypes): React.JSX.Element;
4
- //# sourceMappingURL=BestRouteSkeleton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BestRouteSkeleton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/BestRoute/BestRouteSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAwC1B,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,qBAqEjD"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"BestRouteSkeleton.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/BestRoute/BestRouteSkeleton.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DA4FpB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAaxB,CAAC"}
@@ -1,6 +0,0 @@
1
- export type PropTypes = {
2
- type: 'basic' | 'list-item' | 'swap-preview';
3
- expanded?: boolean;
4
- tag?: boolean;
5
- };
6
- //# sourceMappingURL=BestRouteSkeleton.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BestRouteSkeleton.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/BestRoute/BestRouteSkeleton.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,OAAO,GAAG,WAAW,GAAG,cAAc,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC"}
@@ -1,12 +0,0 @@
1
- import type { Step } from './BestRoute.types';
2
- import type { PriceImpactWarningLevel } from '../PriceImpact';
3
- import React from 'react';
4
- type PropTypes = {
5
- from: Step['from'];
6
- to: Step['to'];
7
- percentageChange?: string | null;
8
- warningLevel: PriceImpactWarningLevel;
9
- };
10
- export declare function RouteSummary(props: PropTypes): React.JSX.Element;
11
- export {};
12
- //# sourceMappingURL=RouteSummary.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RouteSummary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/BestRoute/RouteSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACnB,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,YAAY,EAAE,uBAAuB,CAAC;CACvC,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,qBA+B5C"}
@@ -1,158 +0,0 @@
1
- export declare const Container: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
2
- sm: string;
3
- md: string;
4
- lg: string;
5
- }, import("@stitches/react/types/css-util").CSS<{
6
- sm: string;
7
- md: string;
8
- lg: string;
9
- }, {
10
- colors: {
11
- primary: string;
12
- primary500: string;
13
- primary600: string;
14
- secondary: string;
15
- secondary100: string;
16
- secondary200: string;
17
- secondary300: string;
18
- secondary400: string;
19
- secondary500: string;
20
- secondary600: string;
21
- secondary700: string;
22
- secondary800: string;
23
- secondary900: string;
24
- neutral: string;
25
- neutral100: string;
26
- neutral200: string;
27
- neutral300: string;
28
- neutral400: string;
29
- neutral500: string;
30
- neutral600: string;
31
- neutral700: string;
32
- neutral800: string;
33
- neutral900: string;
34
- error100: string;
35
- error300: string;
36
- error500: string;
37
- error600: string;
38
- error700: string;
39
- warning100: string;
40
- warning300: string;
41
- warning500: string;
42
- warning600: string;
43
- warning700: string;
44
- info: string;
45
- info100: string;
46
- info300: string;
47
- info500: string;
48
- info600: string;
49
- info700: string;
50
- success100: string;
51
- success300: string;
52
- success500: string;
53
- success600: string;
54
- success700: string;
55
- background: string;
56
- foreground: string;
57
- };
58
- space: {
59
- 0: string;
60
- 5: string;
61
- 10: string;
62
- 15: string;
63
- 20: string;
64
- 25: string;
65
- 30: string;
66
- 40: string;
67
- 46: string;
68
- 50: string;
69
- 60: string;
70
- 70: string;
71
- 80: string;
72
- 90: string;
73
- 100: string;
74
- 2: string;
75
- 4: string;
76
- 6: string;
77
- 8: string;
78
- 12: string;
79
- 16: string;
80
- 24: string;
81
- 28: string;
82
- 32: string;
83
- };
84
- radii: {
85
- xs: string;
86
- sm: string;
87
- xm: string;
88
- md: string;
89
- xl: string;
90
- lg: string;
91
- primary: string;
92
- secondary: string;
93
- };
94
- fontSizes: {
95
- 10: string;
96
- 12: string;
97
- 14: string;
98
- 16: string;
99
- 18: string;
100
- 20: string;
101
- 22: string;
102
- 24: string;
103
- 28: string;
104
- 32: string;
105
- 36: string;
106
- 40: string;
107
- 48: string;
108
- };
109
- fonts: {
110
- primary: string;
111
- widget: string;
112
- };
113
- fontWeights: {
114
- regular: number;
115
- medium: number;
116
- semiBold: number;
117
- bold: number;
118
- };
119
- lineHeights: {
120
- 12: string;
121
- 16: string;
122
- 20: string;
123
- 24: string;
124
- 26: string;
125
- 28: string;
126
- 30: string;
127
- 36: string;
128
- 40: string;
129
- 44: string;
130
- 52: string;
131
- 64: string;
132
- };
133
- letterSpacings: {};
134
- sizes: {
135
- 4: string;
136
- 6: string;
137
- 8: string;
138
- 12: string;
139
- 16: string;
140
- 18: string;
141
- 20: string;
142
- 24: string;
143
- 28: string;
144
- 32: string;
145
- 36: string;
146
- 40: string;
147
- 45: string;
148
- 48: string;
149
- };
150
- borderWidths: {};
151
- borderStyles: {};
152
- shadows: {
153
- s: string;
154
- };
155
- zIndices: {};
156
- transitions: {};
157
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
158
- //# sourceMappingURL=RouteSummary.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RouteSummary.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/BestRoute/RouteSummary.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAYpB,CAAC"}
@@ -1,5 +0,0 @@
1
- export { BestRoute } from './BestRoute';
2
- export type { Step } from './BestRoute.types';
3
- export { BestRouteSkeleton } from './BestRouteSkeleton';
4
- export { RouteSummary } from './RouteSummary';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/BestRoute/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1,3 +0,0 @@
1
- import type { BestRouteProps } from './BestRoute.types';
2
- export declare const route1: BestRouteProps;
3
- //# sourceMappingURL=mock.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../../../../src/components/BestRoute/mock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,MAAM,EAAE,cA2IpB,CAAC"}
@@ -1,4 +0,0 @@
1
- import type { PropTypes } from './RouteCost.types';
2
- import React from 'react';
3
- export declare function RouteCost(props: PropTypes): React.JSX.Element;
4
- //# sourceMappingURL=RouteCost.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RouteCost.d.ts","sourceRoot":"","sources":["../../../../../../src/components/RouteCost/RouteCost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,qBAgCzC"}
@@ -1,158 +0,0 @@
1
- export declare const Container: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
2
- sm: string;
3
- md: string;
4
- lg: string;
5
- }, import("@stitches/react/types/css-util").CSS<{
6
- sm: string;
7
- md: string;
8
- lg: string;
9
- }, {
10
- colors: {
11
- primary: string;
12
- primary500: string;
13
- primary600: string;
14
- secondary: string;
15
- secondary100: string;
16
- secondary200: string;
17
- secondary300: string;
18
- secondary400: string;
19
- secondary500: string;
20
- secondary600: string;
21
- secondary700: string;
22
- secondary800: string;
23
- secondary900: string;
24
- neutral: string;
25
- neutral100: string;
26
- neutral200: string;
27
- neutral300: string;
28
- neutral400: string;
29
- neutral500: string;
30
- neutral600: string;
31
- neutral700: string;
32
- neutral800: string;
33
- neutral900: string;
34
- error100: string;
35
- error300: string;
36
- error500: string;
37
- error600: string;
38
- error700: string;
39
- warning100: string;
40
- warning300: string;
41
- warning500: string;
42
- warning600: string;
43
- warning700: string;
44
- info: string;
45
- info100: string;
46
- info300: string;
47
- info500: string;
48
- info600: string;
49
- info700: string;
50
- success100: string;
51
- success300: string;
52
- success500: string;
53
- success600: string;
54
- success700: string;
55
- background: string;
56
- foreground: string;
57
- };
58
- space: {
59
- 0: string;
60
- 5: string;
61
- 10: string;
62
- 15: string;
63
- 20: string;
64
- 25: string;
65
- 30: string;
66
- 40: string;
67
- 46: string;
68
- 50: string;
69
- 60: string;
70
- 70: string;
71
- 80: string;
72
- 90: string;
73
- 100: string;
74
- 2: string;
75
- 4: string;
76
- 6: string;
77
- 8: string;
78
- 12: string;
79
- 16: string;
80
- 24: string;
81
- 28: string;
82
- 32: string;
83
- };
84
- radii: {
85
- xs: string;
86
- sm: string;
87
- xm: string;
88
- md: string;
89
- xl: string;
90
- lg: string;
91
- primary: string;
92
- secondary: string;
93
- };
94
- fontSizes: {
95
- 10: string;
96
- 12: string;
97
- 14: string;
98
- 16: string;
99
- 18: string;
100
- 20: string;
101
- 22: string;
102
- 24: string;
103
- 28: string;
104
- 32: string;
105
- 36: string;
106
- 40: string;
107
- 48: string;
108
- };
109
- fonts: {
110
- primary: string;
111
- widget: string;
112
- };
113
- fontWeights: {
114
- regular: number;
115
- medium: number;
116
- semiBold: number;
117
- bold: number;
118
- };
119
- lineHeights: {
120
- 12: string;
121
- 16: string;
122
- 20: string;
123
- 24: string;
124
- 26: string;
125
- 28: string;
126
- 30: string;
127
- 36: string;
128
- 40: string;
129
- 44: string;
130
- 52: string;
131
- 64: string;
132
- };
133
- letterSpacings: {};
134
- sizes: {
135
- 4: string;
136
- 6: string;
137
- 8: string;
138
- 12: string;
139
- 16: string;
140
- 18: string;
141
- 20: string;
142
- 24: string;
143
- 28: string;
144
- 32: string;
145
- 36: string;
146
- 40: string;
147
- 45: string;
148
- 48: string;
149
- };
150
- borderWidths: {};
151
- borderStyles: {};
152
- shadows: {
153
- s: string;
154
- };
155
- zIndices: {};
156
- transitions: {};
157
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
158
- //# sourceMappingURL=RouteCost.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RouteCost.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/RouteCost/RouteCost.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAiBpB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"RouteCost.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/RouteCost/RouteCost.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}
@@ -1,2 +0,0 @@
1
- export { RouteCost } from './RouteCost';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/RouteCost/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
@@ -1,17 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
-
3
- import { BestRoute } from './BestRoute';
4
- import { route1 } from './mock';
5
-
6
- const meta: Meta<typeof BestRoute> = {
7
- component: BestRoute,
8
- };
9
-
10
- export default meta;
11
- type Story = StoryObj<typeof BestRoute>;
12
-
13
- export const Main: Story = {
14
- args: {
15
- ...route1,
16
- },
17
- };
@@ -1,213 +0,0 @@
1
- import * as Collapsible from '@radix-ui/react-collapsible';
2
-
3
- import { darkTheme, styled } from '../../theme';
4
- import { Image } from '../common';
5
- import { CollapsibleContent } from '../common/styles';
6
-
7
- export const EXPANDABLE_ROUTES_TRANSITION_DURATION = 300;
8
-
9
- export const RouteContainer = styled(Collapsible.Root, {
10
- display: 'flex',
11
- flexDirection: 'column',
12
- alignItems: 'start',
13
- overflowX: 'auto',
14
- overflowY: 'hidden',
15
- width: '100%',
16
- borderRadius: '$xm',
17
- variants: {
18
- recommended: {
19
- true: {
20
- $$color: '$colors$info300',
21
- [`.${darkTheme} &`]: {
22
- $$color: '$colors$secondary800',
23
- },
24
- backgroundColor: '$$color',
25
- },
26
- false: {
27
- $$color: '$colors$neutral400',
28
- [`.${darkTheme} &`]: {
29
- $$color: '$colors$neutral200',
30
- },
31
- backgroundColor: '$$color',
32
- },
33
- },
34
- },
35
- '& .steps-details': {
36
- padding: '$10 $15',
37
- },
38
- });
39
-
40
- export const SummaryContainer = styled('div', {
41
- borderRadius: '$xm',
42
- display: 'flex',
43
- flexDirection: 'column',
44
- alignItems: 'start',
45
- justifyContent: 'space-between',
46
- color: '$foreground',
47
- cursor: 'pointer',
48
- boxSizing: 'border-box',
49
- position: 'relative',
50
- variants: {
51
- recommended: {
52
- true: {
53
- $$color: '$colors$info100',
54
- [`.${darkTheme} &`]: {
55
- $$color: '$colors$secondary600',
56
- },
57
- backgroundColor: '$$color',
58
- '&:hover': {
59
- backgroundColor: '$$color',
60
- },
61
- },
62
- false: {
63
- $$color: '$colors$neutral200',
64
- [`.${darkTheme} &`]: {
65
- $$color: '$colors$neutral500',
66
- },
67
- backgroundColor: '$$color',
68
- '&:hover': {
69
- backgroundColor: '$$color',
70
- },
71
- },
72
- },
73
- basic: { true: { borderTopRightRadius: '0', borderTopLeftRadius: '0' } },
74
- listItem: {
75
- true: {},
76
- false: {},
77
- },
78
- },
79
-
80
- compoundVariants: [
81
- {
82
- listItem: true,
83
- recommended: true,
84
- css: {
85
- '&:hover': {
86
- $$color: '$colors$secondary200',
87
- [`.${darkTheme} &`]: {
88
- $$color: '$colors$secondary700',
89
- },
90
- backgroundColor: '$$color',
91
- },
92
- },
93
- },
94
- {
95
- listItem: true,
96
- recommended: false,
97
- css: {
98
- '&:hover': {
99
- $$color: '$colors$neutral300',
100
- [`.${darkTheme} &`]: {
101
- $$color: '$colors$neutral400',
102
- },
103
- backgroundColor: '$$color',
104
- },
105
- },
106
- },
107
- ],
108
- '& .summary': {
109
- width: '100%',
110
- padding: '$15 $15 $10 $15',
111
- },
112
- '& .basic-info': {
113
- paddingTop: '$10',
114
- display: 'flex',
115
- alignItems: 'center',
116
- },
117
- });
118
-
119
- export const Chains = styled(Collapsible.Trigger, {
120
- display: 'flex',
121
- width: '100%',
122
- justifyContent: 'space-between',
123
- alignItems: 'center',
124
- height: '$36',
125
- padding: '$10 $15',
126
- boxSizing: 'border-box',
127
- cursor: 'pointer',
128
- border: 'none',
129
- outline: 'none',
130
- backgroundColor: 'transparent',
131
- variants: {
132
- error: {
133
- true: {
134
- [`& ${Image}`]: {
135
- border: '1px $warning500 solid',
136
- borderRadius: '100%',
137
- },
138
- },
139
- false: {
140
- [`& ${Image}`]: {
141
- border: '1px transparent solid',
142
- borderRadius: '100%',
143
- },
144
- },
145
- },
146
- recommended: {
147
- true: {
148
- $$color: '$colors$info300',
149
- [`.${darkTheme} &`]: {
150
- $$color: '$colors$secondary800',
151
- },
152
- backgroundColor: '$$color',
153
- },
154
- false: {
155
- $$color: '$colors$neutral400',
156
- [`.${darkTheme} &`]: {
157
- $$color: '$colors$neutral200',
158
- },
159
- backgroundColor: '$$color',
160
- },
161
- },
162
- },
163
- '& div:nth-child(1)': { display: 'flex' },
164
- });
165
-
166
- export const Content = styled(CollapsibleContent, {
167
- width: '100%',
168
- });
169
-
170
- export const IconContainer = styled('div', {
171
- display: 'flex',
172
- justifyContent: 'center',
173
- alignItems: 'center',
174
- padding: '$2',
175
- transition: `all ${EXPANDABLE_ROUTES_TRANSITION_DURATION}ms ease`,
176
- variants: {
177
- orientation: {
178
- down: {
179
- transform: 'rotate(0)',
180
- },
181
- up: {
182
- transform: 'rotate(180deg)',
183
- },
184
- },
185
- },
186
- });
187
-
188
- export const Separator = styled('div', {
189
- height: '$12',
190
- marginLeft: '$10',
191
- marginRight: '$10',
192
- borderLeft: '1px solid $foreground',
193
- });
194
-
195
- export const HorizontalSeparator = styled('div', {
196
- display: 'flex',
197
- justifyContent: 'center',
198
- margin: '0 $15',
199
- borderTop: '1px solid',
200
- $$color: '$colors$neutral300',
201
- [`.${darkTheme} &`]: {
202
- $$color: '$colors$neutral400',
203
- },
204
- borderColor: '$$color',
205
- });
206
-
207
- export const FrameIcon = styled('div', {
208
- width: '$16',
209
- height: '$16',
210
- justifyContent: 'center',
211
- alignItems: 'center',
212
- display: 'flex',
213
- });