@tuwaio/nova-transactions 0.0.13 → 0.0.14

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 (2) hide show
  1. package/dist/index.css +117 -578
  2. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -1,204 +1,6 @@
1
1
  /*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- @layer theme {
5
- :root, :host {
6
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
- "Courier New", monospace;
10
- --color-red-500: oklch(63.7% 0.237 25.331);
11
- --color-gray-400: oklch(70.7% 0.022 261.325);
12
- --color-gray-500: oklch(55.1% 0.027 264.364);
13
- --color-black: #000;
14
- --color-white: #fff;
15
- --spacing: 0.25rem;
16
- --container-md: 28rem;
17
- --container-2xl: 42rem;
18
- --text-xs: 0.75rem;
19
- --text-xs--line-height: calc(1 / 0.75);
20
- --text-sm: 0.875rem;
21
- --text-sm--line-height: calc(1.25 / 0.875);
22
- --text-lg: 1.125rem;
23
- --text-lg--line-height: calc(1.75 / 1.125);
24
- --text-xl: 1.25rem;
25
- --text-xl--line-height: calc(1.75 / 1.25);
26
- --font-weight-medium: 500;
27
- --font-weight-semibold: 600;
28
- --font-weight-bold: 700;
29
- --radius-md: 0.375rem;
30
- --radius-lg: 0.5rem;
31
- --radius-2xl: 1rem;
32
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
33
- --animate-spin: spin 1s linear infinite;
34
- --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
35
- --default-transition-duration: 150ms;
36
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
37
- --default-font-family: var(--font-sans);
38
- --default-mono-font-family: var(--font-mono);
39
- }
40
- }
41
- @layer base {
42
- *, ::after, ::before, ::backdrop, ::file-selector-button {
43
- box-sizing: border-box;
44
- margin: 0;
45
- padding: 0;
46
- border: 0 solid;
47
- }
48
- html, :host {
49
- line-height: 1.5;
50
- -webkit-text-size-adjust: 100%;
51
- -moz-tab-size: 4;
52
- -o-tab-size: 4;
53
- tab-size: 4;
54
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
55
- font-feature-settings: var(--default-font-feature-settings, normal);
56
- font-variation-settings: var(--default-font-variation-settings, normal);
57
- -webkit-tap-highlight-color: transparent;
58
- }
59
- hr {
60
- height: 0;
61
- color: inherit;
62
- border-top-width: 1px;
63
- }
64
- abbr:where([title]) {
65
- -webkit-text-decoration: underline dotted;
66
- text-decoration: underline dotted;
67
- }
68
- h1, h2, h3, h4, h5, h6 {
69
- font-size: inherit;
70
- font-weight: inherit;
71
- }
72
- a {
73
- color: inherit;
74
- -webkit-text-decoration: inherit;
75
- text-decoration: inherit;
76
- }
77
- b, strong {
78
- font-weight: bolder;
79
- }
80
- code, kbd, samp, pre {
81
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
82
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
83
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
84
- font-size: 1em;
85
- }
86
- small {
87
- font-size: 80%;
88
- }
89
- sub, sup {
90
- font-size: 75%;
91
- line-height: 0;
92
- position: relative;
93
- vertical-align: baseline;
94
- }
95
- sub {
96
- bottom: -0.25em;
97
- }
98
- sup {
99
- top: -0.5em;
100
- }
101
- table {
102
- text-indent: 0;
103
- border-color: inherit;
104
- border-collapse: collapse;
105
- }
106
- :-moz-focusring {
107
- outline: auto;
108
- }
109
- progress {
110
- vertical-align: baseline;
111
- }
112
- summary {
113
- display: list-item;
114
- }
115
- ol, ul, menu {
116
- list-style: none;
117
- }
118
- img, svg, video, canvas, audio, iframe, embed, object {
119
- display: block;
120
- vertical-align: middle;
121
- }
122
- img, video {
123
- max-width: 100%;
124
- height: auto;
125
- }
126
- button, input, select, optgroup, textarea, ::file-selector-button {
127
- font: inherit;
128
- font-feature-settings: inherit;
129
- font-variation-settings: inherit;
130
- letter-spacing: inherit;
131
- color: inherit;
132
- border-radius: 0;
133
- background-color: transparent;
134
- opacity: 1;
135
- }
136
- :where(select:is([multiple], [size])) optgroup {
137
- font-weight: bolder;
138
- }
139
- :where(select:is([multiple], [size])) optgroup option {
140
- padding-inline-start: 20px;
141
- }
142
- ::file-selector-button {
143
- margin-inline-end: 4px;
144
- }
145
- ::-moz-placeholder {
146
- opacity: 1;
147
- }
148
- ::placeholder {
149
- opacity: 1;
150
- }
151
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
152
- ::-moz-placeholder {
153
- color: currentcolor;
154
- @supports (color: color-mix(in lab, red, red)) {
155
- color: color-mix(in oklab, currentcolor 50%, transparent);
156
- }
157
- }
158
- ::placeholder {
159
- color: currentcolor;
160
- @supports (color: color-mix(in lab, red, red)) {
161
- color: color-mix(in oklab, currentcolor 50%, transparent);
162
- }
163
- }
164
- }
165
- textarea {
166
- resize: vertical;
167
- }
168
- ::-webkit-search-decoration {
169
- -webkit-appearance: none;
170
- }
171
- ::-webkit-date-and-time-value {
172
- min-height: 1lh;
173
- text-align: inherit;
174
- }
175
- ::-webkit-datetime-edit {
176
- display: inline-flex;
177
- }
178
- ::-webkit-datetime-edit-fields-wrapper {
179
- padding: 0;
180
- }
181
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
182
- padding-block: 0;
183
- }
184
- ::-webkit-calendar-picker-indicator {
185
- line-height: 1;
186
- }
187
- :-moz-ui-invalid {
188
- box-shadow: none;
189
- }
190
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
191
- -webkit-appearance: button;
192
- -moz-appearance: button;
193
- appearance: button;
194
- }
195
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
196
- height: auto;
197
- }
198
- [hidden]:where(:not([hidden="until-found"])) {
199
- display: none !important;
200
- }
201
- }
202
4
  @layer utilities {
203
5
  .absolute {
204
6
  position: absolute;
@@ -216,16 +18,16 @@
216
18
  position: sticky;
217
19
  }
218
20
  .inset-0 {
219
- inset: calc(var(--spacing) * 0);
21
+ inset: calc(0.25rem * 0);
220
22
  }
221
23
  .top-0 {
222
- top: calc(var(--spacing) * 0);
24
+ top: calc(0.25rem * 0);
223
25
  }
224
26
  .top-1\/2 {
225
27
  top: calc(1/2 * 100%);
226
28
  }
227
29
  .top-2 {
228
- top: calc(var(--spacing) * 2);
30
+ top: calc(0.25rem * 2);
229
31
  }
230
32
  .top-\[10px\] {
231
33
  top: 10px;
@@ -234,10 +36,10 @@
234
36
  right: calc(1/2 * 100%);
235
37
  }
236
38
  .right-2 {
237
- right: calc(var(--spacing) * 2);
39
+ right: calc(0.25rem * 2);
238
40
  }
239
41
  .left-0 {
240
- left: calc(var(--spacing) * 0);
42
+ left: calc(0.25rem * 0);
241
43
  }
242
44
  .left-1\/2 {
243
45
  left: calc(1/2 * 100%);
@@ -267,34 +69,34 @@
267
69
  }
268
70
  }
269
71
  .-mt-1 {
270
- margin-top: calc(var(--spacing) * -1);
72
+ margin-top: calc(0.25rem * -1);
271
73
  }
272
74
  .-mt-2 {
273
- margin-top: calc(var(--spacing) * -2);
75
+ margin-top: calc(0.25rem * -2);
274
76
  }
275
77
  .mt-0 {
276
- margin-top: calc(var(--spacing) * 0);
78
+ margin-top: calc(0.25rem * 0);
277
79
  }
278
80
  .mt-1 {
279
- margin-top: calc(var(--spacing) * 1);
81
+ margin-top: calc(0.25rem * 1);
280
82
  }
281
83
  .mt-2 {
282
- margin-top: calc(var(--spacing) * 2);
84
+ margin-top: calc(0.25rem * 2);
283
85
  }
284
86
  .mt-3 {
285
- margin-top: calc(var(--spacing) * 3);
87
+ margin-top: calc(0.25rem * 3);
286
88
  }
287
89
  .mb-1 {
288
- margin-bottom: calc(var(--spacing) * 1);
90
+ margin-bottom: calc(0.25rem * 1);
289
91
  }
290
92
  .mb-1\.5 {
291
- margin-bottom: calc(var(--spacing) * 1.5);
93
+ margin-bottom: calc(0.25rem * 1.5);
292
94
  }
293
95
  .mb-2 {
294
- margin-bottom: calc(var(--spacing) * 2);
96
+ margin-bottom: calc(0.25rem * 2);
295
97
  }
296
98
  .ml-2 {
297
- margin-left: calc(var(--spacing) * 2);
99
+ margin-left: calc(0.25rem * 2);
298
100
  }
299
101
  .block {
300
102
  display: block;
@@ -309,46 +111,46 @@
309
111
  display: inline-flex;
310
112
  }
311
113
  .h-0\.5 {
312
- height: calc(var(--spacing) * 0.5);
114
+ height: calc(0.25rem * 0.5);
313
115
  }
314
116
  .h-2 {
315
- height: calc(var(--spacing) * 2);
117
+ height: calc(0.25rem * 2);
316
118
  }
317
119
  .h-3 {
318
- height: calc(var(--spacing) * 3);
120
+ height: calc(0.25rem * 3);
319
121
  }
320
122
  .h-4 {
321
- height: calc(var(--spacing) * 4);
123
+ height: calc(0.25rem * 4);
322
124
  }
323
125
  .h-5 {
324
- height: calc(var(--spacing) * 5);
126
+ height: calc(0.25rem * 5);
325
127
  }
326
128
  .h-6 {
327
- height: calc(var(--spacing) * 6);
129
+ height: calc(0.25rem * 6);
328
130
  }
329
131
  .h-7 {
330
- height: calc(var(--spacing) * 7);
132
+ height: calc(0.25rem * 7);
331
133
  }
332
134
  .h-8 {
333
- height: calc(var(--spacing) * 8);
135
+ height: calc(0.25rem * 8);
334
136
  }
335
137
  .h-10 {
336
- height: calc(var(--spacing) * 10);
138
+ height: calc(0.25rem * 10);
337
139
  }
338
140
  .h-12 {
339
- height: calc(var(--spacing) * 12);
141
+ height: calc(0.25rem * 12);
340
142
  }
341
143
  .h-16 {
342
- height: calc(var(--spacing) * 16);
144
+ height: calc(0.25rem * 16);
343
145
  }
344
146
  .h-20 {
345
- height: calc(var(--spacing) * 20);
147
+ height: calc(0.25rem * 20);
346
148
  }
347
149
  .h-full {
348
150
  height: 100%;
349
151
  }
350
152
  .max-h-24 {
351
- max-height: calc(var(--spacing) * 24);
153
+ max-height: calc(0.25rem * 24);
352
154
  }
353
155
  .max-h-\[98dvh\] {
354
156
  max-height: 98dvh;
@@ -357,7 +159,7 @@
357
159
  max-height: 400px;
358
160
  }
359
161
  .\!min-h-0 {
360
- min-height: calc(var(--spacing) * 0) !important;
162
+ min-height: calc(0.25rem * 0) !important;
361
163
  }
362
164
  .min-h-\[3\.5rem\] {
363
165
  min-height: 3.5rem;
@@ -366,34 +168,34 @@
366
168
  min-height: 4rem;
367
169
  }
368
170
  .w-2 {
369
- width: calc(var(--spacing) * 2);
171
+ width: calc(0.25rem * 2);
370
172
  }
371
173
  .w-3 {
372
- width: calc(var(--spacing) * 3);
174
+ width: calc(0.25rem * 3);
373
175
  }
374
176
  .w-4 {
375
- width: calc(var(--spacing) * 4);
177
+ width: calc(0.25rem * 4);
376
178
  }
377
179
  .w-5 {
378
- width: calc(var(--spacing) * 5);
180
+ width: calc(0.25rem * 5);
379
181
  }
380
182
  .w-6 {
381
- width: calc(var(--spacing) * 6);
183
+ width: calc(0.25rem * 6);
382
184
  }
383
185
  .w-8 {
384
- width: calc(var(--spacing) * 8);
186
+ width: calc(0.25rem * 8);
385
187
  }
386
188
  .w-10 {
387
- width: calc(var(--spacing) * 10);
189
+ width: calc(0.25rem * 10);
388
190
  }
389
191
  .w-12 {
390
- width: calc(var(--spacing) * 12);
192
+ width: calc(0.25rem * 12);
391
193
  }
392
194
  .w-16 {
393
- width: calc(var(--spacing) * 16);
195
+ width: calc(0.25rem * 16);
394
196
  }
395
197
  .w-48 {
396
- width: calc(var(--spacing) * 48);
198
+ width: calc(0.25rem * 48);
397
199
  }
398
200
  .w-\[40px\] {
399
201
  width: 40px;
@@ -402,10 +204,10 @@
402
204
  width: 100%;
403
205
  }
404
206
  .max-w-2xl {
405
- max-width: var(--container-2xl);
207
+ max-width: 42rem;
406
208
  }
407
209
  .max-w-md {
408
- max-width: var(--container-md);
210
+ max-width: 28rem;
409
211
  }
410
212
  .min-w-\[80px\] {
411
213
  min-width: 80px;
@@ -428,10 +230,10 @@
428
230
  translate: var(--tw-translate-x) var(--tw-translate-y);
429
231
  }
430
232
  .animate-pulse {
431
- animation: var(--animate-pulse);
233
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
432
234
  }
433
235
  .animate-spin {
434
- animation: var(--animate-spin);
236
+ animation: spin 1s linear infinite;
435
237
  }
436
238
  .cursor-pointer {
437
239
  cursor: pointer;
@@ -455,38 +257,38 @@
455
257
  justify-content: flex-end;
456
258
  }
457
259
  .gap-1\.5 {
458
- gap: calc(var(--spacing) * 1.5);
260
+ gap: calc(0.25rem * 1.5);
459
261
  }
460
262
  .gap-2 {
461
- gap: calc(var(--spacing) * 2);
263
+ gap: calc(0.25rem * 2);
462
264
  }
463
265
  .gap-3 {
464
- gap: calc(var(--spacing) * 3);
266
+ gap: calc(0.25rem * 3);
465
267
  }
466
268
  .gap-4 {
467
- gap: calc(var(--spacing) * 4);
269
+ gap: calc(0.25rem * 4);
468
270
  }
469
271
  .gap-x-1 {
470
- -moz-column-gap: calc(var(--spacing) * 1);
471
- column-gap: calc(var(--spacing) * 1);
272
+ -moz-column-gap: calc(0.25rem * 1);
273
+ column-gap: calc(0.25rem * 1);
472
274
  }
473
275
  .gap-x-1\.5 {
474
- -moz-column-gap: calc(var(--spacing) * 1.5);
475
- column-gap: calc(var(--spacing) * 1.5);
276
+ -moz-column-gap: calc(0.25rem * 1.5);
277
+ column-gap: calc(0.25rem * 1.5);
476
278
  }
477
279
  .gap-x-2 {
478
- -moz-column-gap: calc(var(--spacing) * 2);
479
- column-gap: calc(var(--spacing) * 2);
280
+ -moz-column-gap: calc(0.25rem * 2);
281
+ column-gap: calc(0.25rem * 2);
480
282
  }
481
283
  .gap-x-3 {
482
- -moz-column-gap: calc(var(--spacing) * 3);
483
- column-gap: calc(var(--spacing) * 3);
284
+ -moz-column-gap: calc(0.25rem * 3);
285
+ column-gap: calc(0.25rem * 3);
484
286
  }
485
287
  .gap-y-2 {
486
- row-gap: calc(var(--spacing) * 2);
288
+ row-gap: calc(0.25rem * 2);
487
289
  }
488
290
  .gap-y-3 {
489
- row-gap: calc(var(--spacing) * 3);
291
+ row-gap: calc(0.25rem * 3);
490
292
  }
491
293
  .overflow-y-auto {
492
294
  overflow-y: auto;
@@ -495,16 +297,16 @@
495
297
  border-radius: 0.25rem;
496
298
  }
497
299
  .rounded-2xl {
498
- border-radius: var(--radius-2xl);
300
+ border-radius: 1rem;
499
301
  }
500
302
  .rounded-full {
501
303
  border-radius: calc(infinity * 1px);
502
304
  }
503
305
  .rounded-lg {
504
- border-radius: var(--radius-lg);
306
+ border-radius: 0.5rem;
505
307
  }
506
308
  .rounded-md {
507
- border-radius: var(--radius-md);
309
+ border-radius: 0.375rem;
508
310
  }
509
311
  .rounded-none {
510
312
  border-radius: 0;
@@ -592,22 +394,16 @@
592
394
  background-color: var(--tuwa-success-icon);
593
395
  }
594
396
  .bg-black\/45 {
595
- background-color: color-mix(in srgb, #000 45%, transparent);
596
- @supports (color: color-mix(in lab, red, red)) {
597
- background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
598
- }
397
+ background-color: color-mix(in oklab, #000 45%, transparent);
599
398
  }
600
399
  .bg-black\/60 {
601
- background-color: color-mix(in srgb, #000 60%, transparent);
602
- @supports (color: color-mix(in lab, red, red)) {
603
- background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
604
- }
400
+ background-color: color-mix(in oklab, #000 60%, transparent);
605
401
  }
606
402
  .bg-gray-400 {
607
- background-color: var(--color-gray-400);
403
+ background-color: oklch(70.7% 0.022 261.325);
608
404
  }
609
405
  .bg-gray-500 {
610
- background-color: var(--color-gray-500);
406
+ background-color: oklch(55.1% 0.027 264.364);
611
407
  }
612
408
  .bg-transparent {
613
409
  background-color: transparent;
@@ -629,76 +425,76 @@
629
425
  object-fit: cover;
630
426
  }
631
427
  .\!p-0 {
632
- padding: calc(var(--spacing) * 0) !important;
428
+ padding: calc(0.25rem * 0) !important;
633
429
  }
634
430
  .p-1 {
635
- padding: calc(var(--spacing) * 1);
431
+ padding: calc(0.25rem * 1);
636
432
  }
637
433
  .p-2 {
638
- padding: calc(var(--spacing) * 2);
434
+ padding: calc(0.25rem * 2);
639
435
  }
640
436
  .p-3 {
641
- padding: calc(var(--spacing) * 3);
437
+ padding: calc(0.25rem * 3);
642
438
  }
643
439
  .p-4 {
644
- padding: calc(var(--spacing) * 4);
440
+ padding: calc(0.25rem * 4);
645
441
  }
646
442
  .p-5 {
647
- padding: calc(var(--spacing) * 5);
443
+ padding: calc(0.25rem * 5);
648
444
  }
649
445
  .p-8 {
650
- padding: calc(var(--spacing) * 8);
446
+ padding: calc(0.25rem * 8);
651
447
  }
652
448
  .px-0 {
653
- padding-inline: calc(var(--spacing) * 0);
449
+ padding-inline: calc(0.25rem * 0);
654
450
  }
655
451
  .px-2 {
656
- padding-inline: calc(var(--spacing) * 2);
452
+ padding-inline: calc(0.25rem * 2);
657
453
  }
658
454
  .px-3 {
659
- padding-inline: calc(var(--spacing) * 3);
455
+ padding-inline: calc(0.25rem * 3);
660
456
  }
661
457
  .px-4 {
662
- padding-inline: calc(var(--spacing) * 4);
458
+ padding-inline: calc(0.25rem * 4);
663
459
  }
664
460
  .py-0 {
665
- padding-block: calc(var(--spacing) * 0);
461
+ padding-block: calc(0.25rem * 0);
666
462
  }
667
463
  .py-1 {
668
- padding-block: calc(var(--spacing) * 1);
464
+ padding-block: calc(0.25rem * 1);
669
465
  }
670
466
  .py-1\.5 {
671
- padding-block: calc(var(--spacing) * 1.5);
467
+ padding-block: calc(0.25rem * 1.5);
672
468
  }
673
469
  .py-2 {
674
- padding-block: calc(var(--spacing) * 2);
470
+ padding-block: calc(0.25rem * 2);
675
471
  }
676
472
  .py-4 {
677
- padding-block: calc(var(--spacing) * 4);
473
+ padding-block: calc(0.25rem * 4);
678
474
  }
679
475
  .pt-0 {
680
- padding-top: calc(var(--spacing) * 0);
476
+ padding-top: calc(0.25rem * 0);
681
477
  }
682
478
  .pt-2 {
683
- padding-top: calc(var(--spacing) * 2);
479
+ padding-top: calc(0.25rem * 2);
684
480
  }
685
481
  .pt-3 {
686
- padding-top: calc(var(--spacing) * 3);
482
+ padding-top: calc(0.25rem * 3);
687
483
  }
688
484
  .pt-4 {
689
- padding-top: calc(var(--spacing) * 4);
485
+ padding-top: calc(0.25rem * 4);
690
486
  }
691
487
  .pt-5 {
692
- padding-top: calc(var(--spacing) * 5);
488
+ padding-top: calc(0.25rem * 5);
693
489
  }
694
490
  .pr-1 {
695
- padding-right: calc(var(--spacing) * 1);
491
+ padding-right: calc(0.25rem * 1);
696
492
  }
697
493
  .pb-1 {
698
- padding-bottom: calc(var(--spacing) * 1);
494
+ padding-bottom: calc(0.25rem * 1);
699
495
  }
700
496
  .pb-2 {
701
- padding-bottom: calc(var(--spacing) * 2);
497
+ padding-bottom: calc(0.25rem * 2);
702
498
  }
703
499
  .text-center {
704
500
  text-align: center;
@@ -707,35 +503,36 @@
707
503
  text-align: right;
708
504
  }
709
505
  .font-mono {
710
- font-family: var(--font-mono);
506
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
507
+ monospace;
711
508
  }
712
509
  .text-lg {
713
- font-size: var(--text-lg);
714
- line-height: var(--tw-leading, var(--text-lg--line-height));
510
+ font-size: 1.125rem;
511
+ line-height: var(--tw-leading, calc(1.75 / 1.125));
715
512
  }
716
513
  .text-sm {
717
- font-size: var(--text-sm);
718
- line-height: var(--tw-leading, var(--text-sm--line-height));
514
+ font-size: 0.875rem;
515
+ line-height: var(--tw-leading, calc(1.25 / 0.875));
719
516
  }
720
517
  .text-xl {
721
- font-size: var(--text-xl);
722
- line-height: var(--tw-leading, var(--text-xl--line-height));
518
+ font-size: 1.25rem;
519
+ line-height: var(--tw-leading, calc(1.75 / 1.25));
723
520
  }
724
521
  .text-xs {
725
- font-size: var(--text-xs);
726
- line-height: var(--tw-leading, var(--text-xs--line-height));
522
+ font-size: 0.75rem;
523
+ line-height: var(--tw-leading, calc(1 / 0.75));
727
524
  }
728
525
  .font-bold {
729
- --tw-font-weight: var(--font-weight-bold);
730
- font-weight: var(--font-weight-bold);
526
+ --tw-font-weight: 700;
527
+ font-weight: 700;
731
528
  }
732
529
  .font-medium {
733
- --tw-font-weight: var(--font-weight-medium);
734
- font-weight: var(--font-weight-medium);
530
+ --tw-font-weight: 500;
531
+ font-weight: 500;
735
532
  }
736
533
  .font-semibold {
737
- --tw-font-weight: var(--font-weight-semibold);
738
- font-weight: var(--font-weight-semibold);
534
+ --tw-font-weight: 600;
535
+ font-weight: 600;
739
536
  }
740
537
  .break-all {
741
538
  word-break: break-all;
@@ -786,7 +583,7 @@
786
583
  color: var(--tuwa-text-tertiary);
787
584
  }
788
585
  .text-white {
789
- color: var(--color-white);
586
+ color: #fff;
790
587
  }
791
588
  .opacity-0 {
792
589
  opacity: 0%;
@@ -816,23 +613,23 @@
816
613
  }
817
614
  .transition {
818
615
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
819
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
820
- transition-duration: var(--tw-duration, var(--default-transition-duration));
616
+ transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
617
+ transition-duration: var(--tw-duration, 150ms);
821
618
  }
822
619
  .transition-all {
823
620
  transition-property: all;
824
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
825
- transition-duration: var(--tw-duration, var(--default-transition-duration));
621
+ transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
622
+ transition-duration: var(--tw-duration, 150ms);
826
623
  }
827
624
  .transition-colors {
828
625
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
829
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
830
- transition-duration: var(--tw-duration, var(--default-transition-duration));
626
+ transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
627
+ transition-duration: var(--tw-duration, 150ms);
831
628
  }
832
629
  .transition-opacity {
833
630
  transition-property: opacity;
834
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
835
- transition-duration: var(--tw-duration, var(--default-transition-duration));
631
+ transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
632
+ transition-duration: var(--tw-duration, 150ms);
836
633
  }
837
634
  .duration-200 {
838
635
  --tw-duration: 200ms;
@@ -843,8 +640,8 @@
843
640
  transition-duration: 300ms;
844
641
  }
845
642
  .ease-in-out {
846
- --tw-ease: var(--ease-in-out);
847
- transition-timing-function: var(--ease-in-out);
643
+ --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);
644
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
848
645
  }
849
646
  .outline-none {
850
647
  --tw-outline-style: none;
@@ -969,263 +766,12 @@
969
766
  }
970
767
  .sm\:gap-6 {
971
768
  @media (width >= 40rem) {
972
- gap: calc(var(--spacing) * 6);
769
+ gap: calc(0.25rem * 6);
973
770
  }
974
771
  }
975
772
  .sm\:p-6 {
976
773
  @media (width >= 40rem) {
977
- padding: calc(var(--spacing) * 6);
978
- }
979
- }
980
- }
981
- /*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
982
- @layer properties;
983
- @layer theme, base, components, utilities;
984
- @layer theme {
985
- :root, :host {
986
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
987
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
988
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
989
- "Courier New", monospace;
990
- --color-red-500: oklch(63.7% 0.237 25.331);
991
- --color-white: #fff;
992
- --spacing: 0.25rem;
993
- --font-weight-semibold: 600;
994
- --font-weight-bold: 700;
995
- --radius-md: 0.375rem;
996
- --default-transition-duration: 150ms;
997
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
998
- --default-font-family: var(--font-sans);
999
- --default-mono-font-family: var(--font-mono);
1000
- }
1001
- }
1002
- @layer base {
1003
- *, ::after, ::before, ::backdrop, ::file-selector-button {
1004
- box-sizing: border-box;
1005
- margin: 0;
1006
- padding: 0;
1007
- border: 0 solid;
1008
- }
1009
- html, :host {
1010
- line-height: 1.5;
1011
- -webkit-text-size-adjust: 100%;
1012
- -moz-tab-size: 4;
1013
- -o-tab-size: 4;
1014
- tab-size: 4;
1015
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
1016
- font-feature-settings: var(--default-font-feature-settings, normal);
1017
- font-variation-settings: var(--default-font-variation-settings, normal);
1018
- -webkit-tap-highlight-color: transparent;
1019
- }
1020
- hr {
1021
- height: 0;
1022
- color: inherit;
1023
- border-top-width: 1px;
1024
- }
1025
- abbr:where([title]) {
1026
- -webkit-text-decoration: underline dotted;
1027
- text-decoration: underline dotted;
1028
- }
1029
- h1, h2, h3, h4, h5, h6 {
1030
- font-size: inherit;
1031
- font-weight: inherit;
1032
- }
1033
- a {
1034
- color: inherit;
1035
- -webkit-text-decoration: inherit;
1036
- text-decoration: inherit;
1037
- }
1038
- b, strong {
1039
- font-weight: bolder;
1040
- }
1041
- code, kbd, samp, pre {
1042
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
1043
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
1044
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
1045
- font-size: 1em;
1046
- }
1047
- small {
1048
- font-size: 80%;
1049
- }
1050
- sub, sup {
1051
- font-size: 75%;
1052
- line-height: 0;
1053
- position: relative;
1054
- vertical-align: baseline;
1055
- }
1056
- sub {
1057
- bottom: -0.25em;
1058
- }
1059
- sup {
1060
- top: -0.5em;
1061
- }
1062
- table {
1063
- text-indent: 0;
1064
- border-color: inherit;
1065
- border-collapse: collapse;
1066
- }
1067
- :-moz-focusring {
1068
- outline: auto;
1069
- }
1070
- progress {
1071
- vertical-align: baseline;
1072
- }
1073
- summary {
1074
- display: list-item;
1075
- }
1076
- ol, ul, menu {
1077
- list-style: none;
1078
- }
1079
- img, svg, video, canvas, audio, iframe, embed, object {
1080
- display: block;
1081
- vertical-align: middle;
1082
- }
1083
- img, video {
1084
- max-width: 100%;
1085
- height: auto;
1086
- }
1087
- button, input, select, optgroup, textarea, ::file-selector-button {
1088
- font: inherit;
1089
- font-feature-settings: inherit;
1090
- font-variation-settings: inherit;
1091
- letter-spacing: inherit;
1092
- color: inherit;
1093
- border-radius: 0;
1094
- background-color: transparent;
1095
- opacity: 1;
1096
- }
1097
- :where(select:is([multiple], [size])) optgroup {
1098
- font-weight: bolder;
1099
- }
1100
- :where(select:is([multiple], [size])) optgroup option {
1101
- padding-inline-start: 20px;
1102
- }
1103
- ::file-selector-button {
1104
- margin-inline-end: 4px;
1105
- }
1106
- ::-moz-placeholder {
1107
- opacity: 1;
1108
- }
1109
- ::placeholder {
1110
- opacity: 1;
1111
- }
1112
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
1113
- ::-moz-placeholder {
1114
- color: currentcolor;
1115
- @supports (color: color-mix(in lab, red, red)) {
1116
- color: currentcolor;
1117
- @supports (color: color-mix(in lab, red, red)) {
1118
- color: color-mix(in oklab, currentcolor 50%, transparent);
1119
- }
1120
- }
1121
- }
1122
- ::placeholder {
1123
- color: currentcolor;
1124
- @supports (color: color-mix(in lab, red, red)) {
1125
- color: currentcolor;
1126
- @supports (color: color-mix(in lab, red, red)) {
1127
- color: color-mix(in oklab, currentcolor 50%, transparent);
1128
- }
1129
- }
1130
- }
1131
- }
1132
- textarea {
1133
- resize: vertical;
1134
- }
1135
- ::-webkit-search-decoration {
1136
- -webkit-appearance: none;
1137
- }
1138
- ::-webkit-date-and-time-value {
1139
- min-height: 1lh;
1140
- text-align: inherit;
1141
- }
1142
- ::-webkit-datetime-edit {
1143
- display: inline-flex;
1144
- }
1145
- ::-webkit-datetime-edit-fields-wrapper {
1146
- padding: 0;
1147
- }
1148
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
1149
- padding-block: 0;
1150
- }
1151
- ::-webkit-calendar-picker-indicator {
1152
- line-height: 1;
1153
- }
1154
- :-moz-ui-invalid {
1155
- box-shadow: none;
1156
- }
1157
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
1158
- -webkit-appearance: button;
1159
- -moz-appearance: button;
1160
- appearance: button;
1161
- }
1162
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
1163
- height: auto;
1164
- }
1165
- [hidden]:where(:not([hidden="until-found"])) {
1166
- display: none !important;
1167
- }
1168
- }
1169
- @layer utilities {
1170
- .contents {
1171
- display: contents;
1172
- }
1173
- .resize {
1174
- resize: both;
1175
- }
1176
- .truncate {
1177
- overflow: hidden;
1178
- text-overflow: ellipsis;
1179
- white-space: nowrap;
1180
- }
1181
- .rounded-md {
1182
- border-radius: var(--radius-md);
1183
- }
1184
- .bg-\[var\(--tuwa-color-primary\)\] {
1185
- background-color: var(--tuwa-color-primary);
1186
- }
1187
- .bg-red-500 {
1188
- background-color: var(--color-red-500);
1189
- }
1190
- .p-2 {
1191
- padding: calc(var(--spacing) * 2);
1192
- }
1193
- .p-4 {
1194
- padding: calc(var(--spacing) * 4);
1195
- }
1196
- .p-\[var\(--tuwa-spacing-md\)\] {
1197
- padding: var(--tuwa-spacing-md);
1198
- }
1199
- .px-4 {
1200
- padding-inline: calc(var(--spacing) * 4);
1201
- }
1202
- .py-2 {
1203
- padding-block: calc(var(--spacing) * 2);
1204
- }
1205
- .font-bold {
1206
- --tw-font-weight: var(--font-weight-bold);
1207
- font-weight: var(--font-weight-bold);
1208
- }
1209
- .font-semibold {
1210
- --tw-font-weight: var(--font-weight-semibold);
1211
- font-weight: var(--font-weight-semibold);
1212
- }
1213
- .text-\[var\(--tuwa-color-foreground\)\] {
1214
- color: var(--tuwa-color-foreground);
1215
- }
1216
- .text-white {
1217
- color: var(--color-white);
1218
- }
1219
- .transition-colors {
1220
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1221
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1222
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1223
- }
1224
- .hover\:opacity-90 {
1225
- &:hover {
1226
- @media (hover: hover) {
1227
- opacity: 90%;
1228
- }
774
+ padding: calc(0.25rem * 6);
1229
775
  }
1230
776
  }
1231
777
  }
@@ -1285,13 +831,6 @@
1285
831
  --tuwa-button-gradient-from-hover: oklch(54.6% 0.245 262.881);
1286
832
  --tuwa-button-gradient-to-hover: oklch(55.8% 0.288 302.321);
1287
833
  }
1288
- @layer properties {
1289
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1290
- *, ::before, ::after, ::backdrop {
1291
- --tw-font-weight: initial;
1292
- }
1293
- }
1294
- }
1295
834
  .Toastify {
1296
835
  pointer-events: auto;
1297
836
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tuwaio/nova-transactions",
3
- "version": "0.0.13",
3
+ "version": "0.0.14",
4
4
  "private": false,
5
5
  "author": "Oleksandr Tkach",
6
6
  "license": "Apache-2.0",
@@ -106,7 +106,7 @@
106
106
  "tailwindcss": "^4.1.12",
107
107
  "viem": "^2.33.3",
108
108
  "zustand": "^5.0.7",
109
- "@tuwaio/nova-core": "^0.0.6"
109
+ "@tuwaio/nova-core": "^0.0.7"
110
110
  },
111
111
  "scripts": {
112
112
  "build": "tsup && pnpm exec postcss ./src/styles/app.css -o ./dist/index.css"