@recoilpay/intent-react 0.2.0 → 0.3.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.
- package/README.md +11 -1
- package/dist/index.cjs +439 -99
- package/dist/index.d.cts +38 -3
- package/dist/index.d.ts +38 -3
- package/dist/index.js +433 -94
- package/dist/styles.css +94 -0
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -626,3 +626,97 @@
|
|
|
626
626
|
transition: none !important;
|
|
627
627
|
}
|
|
628
628
|
}
|
|
629
|
+
|
|
630
|
+
/* ── Cash out ─────────────────────────────────────────────────────────── */
|
|
631
|
+
|
|
632
|
+
.rp-fields {
|
|
633
|
+
display: grid;
|
|
634
|
+
gap: 12px;
|
|
635
|
+
margin: 0 18px 16px;
|
|
636
|
+
padding: 0;
|
|
637
|
+
border: 0;
|
|
638
|
+
min-width: 0;
|
|
639
|
+
}
|
|
640
|
+
|
|
641
|
+
.rp-field {
|
|
642
|
+
display: grid;
|
|
643
|
+
gap: 6px;
|
|
644
|
+
min-width: 0;
|
|
645
|
+
}
|
|
646
|
+
|
|
647
|
+
.rp-field > span {
|
|
648
|
+
font-size: 10.5px;
|
|
649
|
+
font-weight: 600;
|
|
650
|
+
text-transform: uppercase;
|
|
651
|
+
letter-spacing: 0.08em;
|
|
652
|
+
color: var(--rp-muted);
|
|
653
|
+
}
|
|
654
|
+
|
|
655
|
+
.rp-field input,
|
|
656
|
+
.rp-field select,
|
|
657
|
+
.rp-field textarea {
|
|
658
|
+
width: 100%;
|
|
659
|
+
min-height: 44px;
|
|
660
|
+
padding: 10px 12px;
|
|
661
|
+
border: 1px solid var(--rp-line);
|
|
662
|
+
border-radius: calc(var(--rp-radius) * 0.66);
|
|
663
|
+
background: var(--rp-sunken);
|
|
664
|
+
color: var(--rp-ink);
|
|
665
|
+
font: inherit;
|
|
666
|
+
font-size: 15px;
|
|
667
|
+
}
|
|
668
|
+
|
|
669
|
+
.rp-field textarea {
|
|
670
|
+
resize: vertical;
|
|
671
|
+
}
|
|
672
|
+
|
|
673
|
+
.rp-field input:focus,
|
|
674
|
+
.rp-field select:focus,
|
|
675
|
+
.rp-field textarea:focus {
|
|
676
|
+
border-color: var(--rp-accent);
|
|
677
|
+
outline: none;
|
|
678
|
+
}
|
|
679
|
+
|
|
680
|
+
.rp-field-wide {
|
|
681
|
+
width: 100%;
|
|
682
|
+
}
|
|
683
|
+
|
|
684
|
+
.rp-fields:disabled {
|
|
685
|
+
opacity: 0.6;
|
|
686
|
+
}
|
|
687
|
+
|
|
688
|
+
.rp-card-body {
|
|
689
|
+
padding: 0 18px 14px;
|
|
690
|
+
color: var(--rp-ink-2);
|
|
691
|
+
}
|
|
692
|
+
|
|
693
|
+
.rp-card-body p {
|
|
694
|
+
margin: 0;
|
|
695
|
+
}
|
|
696
|
+
|
|
697
|
+
.rp-receipt {
|
|
698
|
+
margin: 0 18px 14px;
|
|
699
|
+
color: var(--rp-muted);
|
|
700
|
+
font-size: 12.5px;
|
|
701
|
+
}
|
|
702
|
+
|
|
703
|
+
.rp-receipt summary {
|
|
704
|
+
cursor: pointer;
|
|
705
|
+
font-weight: 600;
|
|
706
|
+
}
|
|
707
|
+
|
|
708
|
+
.rp-receipt dl {
|
|
709
|
+
display: grid;
|
|
710
|
+
gap: 6px;
|
|
711
|
+
margin: 8px 0;
|
|
712
|
+
}
|
|
713
|
+
|
|
714
|
+
.rp-receipt dd {
|
|
715
|
+
margin: 2px 0 0;
|
|
716
|
+
color: var(--rp-ink-2);
|
|
717
|
+
overflow-wrap: anywhere;
|
|
718
|
+
}
|
|
719
|
+
|
|
720
|
+
.rp-receipt p {
|
|
721
|
+
margin: 0;
|
|
722
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@recoilpay/intent-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "Drop-in React component for RecoilPay intents: type a swap or send in plain English, quote across solvers, confirm, track.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"recoilpay",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"prepublishOnly": "npm run build"
|
|
68
68
|
},
|
|
69
69
|
"dependencies": {
|
|
70
|
-
"@recoilpay/intent-core": "^0.
|
|
70
|
+
"@recoilpay/intent-core": "^0.3.0"
|
|
71
71
|
},
|
|
72
72
|
"peerDependencies": {
|
|
73
73
|
"react": ">=18",
|