@0xsquid/ui 3.0.2 → 3.2.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 (121) hide show
  1. package/dist/cjs/index.js +18432 -718
  2. package/dist/cjs/types/components/badges/Drip.d.ts +13 -0
  3. package/dist/cjs/types/components/badges/index.d.ts +1 -0
  4. package/dist/cjs/types/components/buttons/CopyButton.d.ts +7 -0
  5. package/dist/cjs/types/components/buttons/LinkButton.d.ts +5 -0
  6. package/dist/cjs/types/components/buttons/index.d.ts +0 -1
  7. package/dist/cjs/types/components/feedback/LoadingSkeleton.d.ts +2 -1
  8. package/dist/cjs/types/components/icons/Arrow.d.ts +8 -0
  9. package/dist/cjs/types/components/icons/Generic.d.ts +4 -0
  10. package/dist/cjs/types/components/icons/ThumbsUp.d.ts +2 -1
  11. package/dist/cjs/types/components/icons/Timeline.d.ts +1 -1
  12. package/dist/cjs/types/components/layout/AnimationWrapper.d.ts +7 -3
  13. package/dist/cjs/types/components/layout/Card.d.ts +8 -0
  14. package/dist/cjs/types/components/layout/Collapse.d.ts +3 -1
  15. package/dist/cjs/types/components/layout/HashLink.d.ts +2 -2
  16. package/dist/cjs/types/components/layout/PipeSeparator.d.ts +6 -2
  17. package/dist/cjs/types/components/layout/TransactionHeader/TransactionHeaderLayout.d.ts +10 -6
  18. package/dist/cjs/types/components/layout/TransactionProperties/TransactionProperties.d.ts +4 -8
  19. package/dist/cjs/types/components/layout/index.d.ts +1 -11
  20. package/dist/cjs/types/components/lists/TransactionAction/FeesAction.d.ts +4 -3
  21. package/dist/cjs/types/components/lists/TransactionAction/SuccessAction.d.ts +1 -1
  22. package/dist/cjs/types/components/lists/TransactionAction/TransactionAction.d.ts +1 -1
  23. package/dist/cjs/types/components/lists/TransactionItem.d.ts +35 -20
  24. package/dist/cjs/types/components/lists/TransactionItemSkeleton.d.ts +1 -0
  25. package/dist/cjs/types/components/lists/index.d.ts +1 -0
  26. package/dist/cjs/types/components/views/SwapProgressView.d.ts +2 -1
  27. package/dist/cjs/types/components/views/TransactionNotFoundView.d.ts +1 -0
  28. package/dist/cjs/types/components/views/TransactionView/BaseTransactionViewProps.d.ts +23 -3
  29. package/dist/cjs/types/components/views/TransactionView/BridgeTransactionView.d.ts +20 -5
  30. package/dist/cjs/types/components/views/TransactionView/BuyNFTTransactionView.d.ts +9 -11
  31. package/dist/cjs/types/components/views/TransactionView/InteractionTransactionView.d.ts +10 -5
  32. package/dist/cjs/types/components/views/TransactionView/SwapTransactionView.d.ts +10 -3
  33. package/dist/cjs/types/components/views/TransactionView/TransactionView.d.ts +11 -6
  34. package/dist/cjs/types/components/views/index.d.ts +1 -0
  35. package/dist/cjs/types/core/utils.d.ts +1 -0
  36. package/dist/cjs/types/stories/badges/Drip.stories.d.ts +7 -0
  37. package/dist/cjs/types/stories/data/actions.d.ts +5 -0
  38. package/dist/cjs/types/stories/data/network.d.ts +2 -0
  39. package/dist/cjs/types/stories/layout/Card.stories.d.ts +6 -0
  40. package/dist/cjs/types/stories/lists/TransactionItem.stories.d.ts +182 -12
  41. package/dist/cjs/types/stories/lists/TransactionItemSkeleton.stories.d.ts +6 -0
  42. package/dist/cjs/types/stories/views/SwapProgressView.stories.d.ts +1 -0
  43. package/dist/cjs/types/stories/views/TransactionNotFoundView.stories.d.ts +6 -0
  44. package/dist/cjs/types/stories/views/TransactionView.stories.d.ts +640 -7
  45. package/dist/cjs/types/types/components.d.ts +1 -0
  46. package/dist/esm/index.js +18181 -463
  47. package/dist/esm/types/components/badges/Drip.d.ts +13 -0
  48. package/dist/esm/types/components/badges/index.d.ts +1 -0
  49. package/dist/esm/types/components/buttons/CopyButton.d.ts +7 -0
  50. package/dist/esm/types/components/buttons/LinkButton.d.ts +5 -0
  51. package/dist/esm/types/components/buttons/index.d.ts +0 -1
  52. package/dist/esm/types/components/feedback/LoadingSkeleton.d.ts +2 -1
  53. package/dist/esm/types/components/icons/Arrow.d.ts +8 -0
  54. package/dist/esm/types/components/icons/Generic.d.ts +4 -0
  55. package/dist/esm/types/components/icons/ThumbsUp.d.ts +2 -1
  56. package/dist/esm/types/components/icons/Timeline.d.ts +1 -1
  57. package/dist/esm/types/components/layout/AnimationWrapper.d.ts +7 -3
  58. package/dist/esm/types/components/layout/Card.d.ts +8 -0
  59. package/dist/esm/types/components/layout/Collapse.d.ts +3 -1
  60. package/dist/esm/types/components/layout/HashLink.d.ts +2 -2
  61. package/dist/esm/types/components/layout/PipeSeparator.d.ts +6 -2
  62. package/dist/esm/types/components/layout/TransactionHeader/TransactionHeaderLayout.d.ts +10 -6
  63. package/dist/esm/types/components/layout/TransactionProperties/TransactionProperties.d.ts +4 -8
  64. package/dist/esm/types/components/layout/index.d.ts +1 -11
  65. package/dist/esm/types/components/lists/TransactionAction/FeesAction.d.ts +4 -3
  66. package/dist/esm/types/components/lists/TransactionAction/SuccessAction.d.ts +1 -1
  67. package/dist/esm/types/components/lists/TransactionAction/TransactionAction.d.ts +1 -1
  68. package/dist/esm/types/components/lists/TransactionItem.d.ts +35 -20
  69. package/dist/esm/types/components/lists/TransactionItemSkeleton.d.ts +1 -0
  70. package/dist/esm/types/components/lists/index.d.ts +1 -0
  71. package/dist/esm/types/components/views/SwapProgressView.d.ts +2 -1
  72. package/dist/esm/types/components/views/TransactionNotFoundView.d.ts +1 -0
  73. package/dist/esm/types/components/views/TransactionView/BaseTransactionViewProps.d.ts +23 -3
  74. package/dist/esm/types/components/views/TransactionView/BridgeTransactionView.d.ts +20 -5
  75. package/dist/esm/types/components/views/TransactionView/BuyNFTTransactionView.d.ts +9 -11
  76. package/dist/esm/types/components/views/TransactionView/InteractionTransactionView.d.ts +10 -5
  77. package/dist/esm/types/components/views/TransactionView/SwapTransactionView.d.ts +10 -3
  78. package/dist/esm/types/components/views/TransactionView/TransactionView.d.ts +11 -6
  79. package/dist/esm/types/components/views/index.d.ts +1 -0
  80. package/dist/esm/types/core/utils.d.ts +1 -0
  81. package/dist/esm/types/stories/badges/Drip.stories.d.ts +7 -0
  82. package/dist/esm/types/stories/data/actions.d.ts +5 -0
  83. package/dist/esm/types/stories/data/network.d.ts +2 -0
  84. package/dist/esm/types/stories/layout/Card.stories.d.ts +6 -0
  85. package/dist/esm/types/stories/lists/TransactionItem.stories.d.ts +182 -12
  86. package/dist/esm/types/stories/lists/TransactionItemSkeleton.stories.d.ts +6 -0
  87. package/dist/esm/types/stories/views/SwapProgressView.stories.d.ts +1 -0
  88. package/dist/esm/types/stories/views/TransactionNotFoundView.stories.d.ts +6 -0
  89. package/dist/esm/types/stories/views/TransactionView.stories.d.ts +640 -7
  90. package/dist/esm/types/types/components.d.ts +1 -0
  91. package/dist/index.css +1 -1
  92. package/dist/index.d.ts +179 -248
  93. package/package.json +3 -3
  94. package/dist/cjs/types/components/layout/TransactionHeader/BridgeHeader.d.ts +0 -11
  95. package/dist/cjs/types/components/layout/TransactionHeader/BuyNFTHeader.d.ts +0 -10
  96. package/dist/cjs/types/components/layout/TransactionHeader/InteractionHeader.d.ts +0 -11
  97. package/dist/cjs/types/components/layout/TransactionHeader/ProfileHeader.d.ts +0 -11
  98. package/dist/cjs/types/components/layout/TransactionHeader/SwapHeader.d.ts +0 -16
  99. package/dist/cjs/types/components/layout/TransactionHeader/TransactionHeader.d.ts +0 -23
  100. package/dist/cjs/types/components/layout/TransactionHeader/index.d.ts +0 -1
  101. package/dist/cjs/types/components/layout/TransactionProperties/BridgeProperties.d.ts +0 -21
  102. package/dist/cjs/types/components/layout/TransactionProperties/BuyNFTProperties.d.ts +0 -33
  103. package/dist/cjs/types/components/layout/TransactionProperties/InteractionProperties.d.ts +0 -11
  104. package/dist/cjs/types/components/layout/TransactionProperties/SwapProperties.d.ts +0 -28
  105. package/dist/cjs/types/components/layout/TransactionProperties/index.d.ts +0 -6
  106. package/dist/cjs/types/stories/layout/TransactionHeader.stories.d.ts +0 -10
  107. package/dist/cjs/types/stories/layout/TransactionProperties.stories.d.ts +0 -9
  108. package/dist/esm/types/components/layout/TransactionHeader/BridgeHeader.d.ts +0 -11
  109. package/dist/esm/types/components/layout/TransactionHeader/BuyNFTHeader.d.ts +0 -10
  110. package/dist/esm/types/components/layout/TransactionHeader/InteractionHeader.d.ts +0 -11
  111. package/dist/esm/types/components/layout/TransactionHeader/ProfileHeader.d.ts +0 -11
  112. package/dist/esm/types/components/layout/TransactionHeader/SwapHeader.d.ts +0 -16
  113. package/dist/esm/types/components/layout/TransactionHeader/TransactionHeader.d.ts +0 -23
  114. package/dist/esm/types/components/layout/TransactionHeader/index.d.ts +0 -1
  115. package/dist/esm/types/components/layout/TransactionProperties/BridgeProperties.d.ts +0 -21
  116. package/dist/esm/types/components/layout/TransactionProperties/BuyNFTProperties.d.ts +0 -33
  117. package/dist/esm/types/components/layout/TransactionProperties/InteractionProperties.d.ts +0 -11
  118. package/dist/esm/types/components/layout/TransactionProperties/SwapProperties.d.ts +0 -28
  119. package/dist/esm/types/components/layout/TransactionProperties/index.d.ts +0 -6
  120. package/dist/esm/types/stories/layout/TransactionHeader.stories.d.ts +0 -10
  121. package/dist/esm/types/stories/layout/TransactionProperties.stories.d.ts +0 -9
@@ -0,0 +1,6 @@
1
+ import { type Meta, type StoryObj } from "@storybook/react";
2
+ import { Card } from "../../components/layout/Card";
3
+ declare const meta: Meta<typeof Card>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
@@ -1,15 +1,185 @@
1
- import { type Meta, type StoryObj } from "@storybook/react/*";
1
+ import { type Meta } from "@storybook/react/*";
2
2
  import { TransactionItem } from "../../components/lists/TransactionItem";
3
3
  declare const meta: Meta<typeof TransactionItem>;
4
4
  export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Swap: Story;
7
- export declare const SwapCompact: Story;
8
- export declare const NFT: Story;
9
- export declare const NFTCompact: Story;
10
- export declare const Bridge: Story;
11
- export declare const BridgeCompact: Story;
12
- export declare const Approve: Story;
13
- export declare const ApproveCompact: Story;
14
- export declare const Loading: Story;
15
- export declare const LoadingCompact: Story;
5
+ export declare const Swap: {
6
+ args: {
7
+ status: string;
8
+ type: string;
9
+ hash: string;
10
+ fromChain: {
11
+ logoURI: string;
12
+ name: string;
13
+ bgColor: string;
14
+ };
15
+ toChain: {
16
+ logoURI: string;
17
+ name: string;
18
+ bgColor: string;
19
+ };
20
+ fromAmount: string;
21
+ fromToken: {
22
+ logoURI: string;
23
+ bgColor: string;
24
+ symbol: string;
25
+ };
26
+ toAmount: string;
27
+ toToken: {
28
+ logoURI: string;
29
+ bgColor: string;
30
+ symbol: string;
31
+ };
32
+ timestamp: number;
33
+ };
34
+ };
35
+ export declare const SwapOngoing: {
36
+ args: {
37
+ status: string;
38
+ type: string;
39
+ hash: string;
40
+ fromChain: {
41
+ logoURI: string;
42
+ name: string;
43
+ bgColor: string;
44
+ };
45
+ toChain: {
46
+ logoURI: string;
47
+ name: string;
48
+ bgColor: string;
49
+ };
50
+ fromAmount: string;
51
+ fromToken: {
52
+ logoURI: string;
53
+ bgColor: string;
54
+ symbol: string;
55
+ };
56
+ toAmount: string;
57
+ toToken: {
58
+ logoURI: string;
59
+ bgColor: string;
60
+ symbol: string;
61
+ };
62
+ timestamp: number;
63
+ };
64
+ };
65
+ export declare const SwapError: {
66
+ args: {
67
+ status: string;
68
+ type: string;
69
+ hash: string;
70
+ fromChain: {
71
+ logoURI: string;
72
+ name: string;
73
+ bgColor: string;
74
+ };
75
+ toChain: {
76
+ logoURI: string;
77
+ name: string;
78
+ bgColor: string;
79
+ };
80
+ fromAmount: string;
81
+ fromToken: {
82
+ logoURI: string;
83
+ bgColor: string;
84
+ symbol: string;
85
+ };
86
+ toAmount: string;
87
+ toToken: {
88
+ logoURI: string;
89
+ bgColor: string;
90
+ symbol: string;
91
+ };
92
+ timestamp: number;
93
+ };
94
+ };
95
+ export declare const SwapIncomplete: {
96
+ args: {
97
+ status: string;
98
+ type: string;
99
+ hash: string;
100
+ fromChain: {
101
+ logoURI: string;
102
+ name: string;
103
+ bgColor: string;
104
+ };
105
+ toChain: {
106
+ logoURI: string;
107
+ name: string;
108
+ bgColor: string;
109
+ };
110
+ fromAmount: string;
111
+ fromToken: {
112
+ logoURI: string;
113
+ bgColor: string;
114
+ symbol: string;
115
+ };
116
+ toAmount: string;
117
+ toToken: {
118
+ logoURI: string;
119
+ bgColor: string;
120
+ symbol: string;
121
+ };
122
+ timestamp: number;
123
+ };
124
+ };
125
+ export declare const BuyNft: {
126
+ args: {
127
+ status: string;
128
+ type: string;
129
+ hash: string;
130
+ fromChain: {
131
+ logoURI: string;
132
+ name: string;
133
+ bgColor: string;
134
+ };
135
+ toChain: {
136
+ logoURI: string;
137
+ name: string;
138
+ bgColor: string;
139
+ };
140
+ fromAmount: string;
141
+ fromToken: {
142
+ logoURI: string;
143
+ bgColor: string;
144
+ symbol: string;
145
+ };
146
+ toAmount: string;
147
+ toToken: {
148
+ symbol: string;
149
+ };
150
+ timestamp: number;
151
+ nft: {
152
+ imageUrl: string;
153
+ };
154
+ };
155
+ };
156
+ export declare const Bridge: {
157
+ args: {
158
+ status: string;
159
+ type: string;
160
+ hash: string;
161
+ fromChain: {
162
+ logoURI: string;
163
+ name: string;
164
+ bgColor: string;
165
+ };
166
+ toChain: {
167
+ logoURI: string;
168
+ name: string;
169
+ bgColor: string;
170
+ };
171
+ fromAmount: string;
172
+ fromToken: {
173
+ logoURI: string;
174
+ bgColor: string;
175
+ symbol: string;
176
+ };
177
+ toAmount: string;
178
+ toToken: {
179
+ logoURI: string;
180
+ bgColor: string;
181
+ symbol: string;
182
+ };
183
+ timestamp: number;
184
+ };
185
+ };
@@ -0,0 +1,6 @@
1
+ import { type Meta, type StoryObj } from "@storybook/react/*";
2
+ import { TransactionItemSkeleton } from "../../components/lists/TransactionItemSkeleton";
3
+ declare const meta: Meta<typeof TransactionItemSkeleton>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
@@ -16,3 +16,4 @@ export declare const NeedsGas: Story;
16
16
  export declare const PartialSuccess: Story;
17
17
  export declare const Progress: Story;
18
18
  export declare const SendTransaction: Story;
19
+ export declare const BridgeTransaction: Story;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { type TransactionView, type TransactionViewProps } from "../../components/views/TransactionView";
3
+ declare const meta: Meta<typeof TransactionView>;
4
+ export default meta;
5
+ type Story = StoryObj<TransactionViewProps>;
6
+ export declare const Default: Story;