@daimo/sdk 1.0.3 → 1.1.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 +6 -0
- package/dist/client/createDaimoClient.d.ts +2 -2
- package/dist/client/createDaimoClient.d.ts.map +1 -1
- package/dist/client/createDaimoClient.js.map +1 -1
- package/dist/common/api.d.ts +7 -5
- package/dist/common/api.d.ts.map +1 -1
- package/dist/common/api.js +1 -1
- package/dist/common/api.js.map +1 -1
- package/dist/web/api/index.d.ts +5 -2
- package/dist/web/api/index.d.ts.map +1 -1
- package/dist/web/api/navTree.d.ts +13 -1
- package/dist/web/api/navTree.d.ts.map +1 -1
- package/dist/web/components/ChooseChainPage.js +2 -2
- package/dist/web/components/ChooseChainPage.js.map +1 -1
- package/dist/web/components/ChooseOptionPage.js +4 -4
- package/dist/web/components/ChooseOptionPage.js.map +1 -1
- package/dist/web/components/ChooseWalletPage.js +3 -3
- package/dist/web/components/ChooseWalletPage.js.map +1 -1
- package/dist/web/components/ConfirmationPage.d.ts +1 -1
- package/dist/web/components/ConfirmationPage.d.ts.map +1 -1
- package/dist/web/components/ConfirmationPage.js +8 -7
- package/dist/web/components/ConfirmationPage.js.map +1 -1
- package/dist/web/components/ConfirmationSpinner.js +3 -8
- package/dist/web/components/ConfirmationSpinner.js.map +1 -1
- package/dist/web/components/Countdown.d.ts +11 -0
- package/dist/web/components/Countdown.d.ts.map +1 -0
- package/dist/web/components/Countdown.js +35 -0
- package/dist/web/components/Countdown.js.map +1 -0
- package/dist/web/components/DaimoModal.d.ts.map +1 -1
- package/dist/web/components/DaimoModal.js +21 -11
- package/dist/web/components/DaimoModal.js.map +1 -1
- package/dist/web/components/DeeplinkPage.d.ts.map +1 -1
- package/dist/web/components/DeeplinkPage.js +4 -8
- package/dist/web/components/DeeplinkPage.js.map +1 -1
- package/dist/web/components/ErrorPage.js +1 -1
- package/dist/web/components/ErrorPage.js.map +1 -1
- package/dist/web/components/ExchangePage.d.ts +4 -2
- package/dist/web/components/ExchangePage.d.ts.map +1 -1
- package/dist/web/components/ExchangePage.js +20 -3
- package/dist/web/components/ExchangePage.js.map +1 -1
- package/dist/web/components/ExpiredPage.js +1 -1
- package/dist/web/components/ExpiredPage.js.map +1 -1
- package/dist/web/components/ModalSkeleton.js +1 -1
- package/dist/web/components/ModalSkeleton.js.map +1 -1
- package/dist/web/components/ProgressDots.js +3 -3
- package/dist/web/components/ProgressDots.js.map +1 -1
- package/dist/web/components/QRCode.d.ts +10 -2
- package/dist/web/components/QRCode.d.ts.map +1 -1
- package/dist/web/components/QRCode.js +85 -60
- package/dist/web/components/QRCode.js.map +1 -1
- package/dist/web/components/SelectAmountPage.js +1 -1
- package/dist/web/components/SelectAmountPage.js.map +1 -1
- package/dist/web/components/SelectTokenPage.d.ts +6 -1
- package/dist/web/components/SelectTokenPage.d.ts.map +1 -1
- package/dist/web/components/SelectTokenPage.js +12 -11
- package/dist/web/components/SelectTokenPage.js.map +1 -1
- package/dist/web/components/WaitingDepositAddressPage.d.ts.map +1 -1
- package/dist/web/components/WaitingDepositAddressPage.js +12 -42
- package/dist/web/components/WaitingDepositAddressPage.js.map +1 -1
- package/dist/web/components/WalletAmountPage.js +6 -6
- package/dist/web/components/WalletAmountPage.js.map +1 -1
- package/dist/web/components/buttons.js +6 -6
- package/dist/web/components/buttons.js.map +1 -1
- package/dist/web/components/containers.d.ts.map +1 -1
- package/dist/web/components/containers.js +7 -26
- package/dist/web/components/containers.js.map +1 -1
- package/dist/web/components/icons.js +8 -8
- package/dist/web/components/icons.js.map +1 -1
- package/dist/web/components/shared.d.ts +1 -1
- package/dist/web/components/shared.d.ts.map +1 -1
- package/dist/web/components/shared.js +37 -37
- package/dist/web/components/shared.js.map +1 -1
- package/dist/web/hooks/locales/en.d.ts +2 -0
- package/dist/web/hooks/locales/en.d.ts.map +1 -1
- package/dist/web/hooks/locales/en.js +2 -0
- package/dist/web/hooks/locales/en.js.map +1 -1
- package/dist/web/hooks/locales/es.d.ts.map +1 -1
- package/dist/web/hooks/locales/es.js +2 -0
- package/dist/web/hooks/locales/es.js.map +1 -1
- package/dist/web/hooks/types.d.ts +2 -1
- package/dist/web/hooks/types.d.ts.map +1 -1
- package/dist/web/hooks/types.js.map +1 -1
- package/dist/web/hooks/useSessionNav.d.ts.map +1 -1
- package/dist/web/hooks/useSessionNav.js +61 -28
- package/dist/web/hooks/useSessionNav.js.map +1 -1
- package/dist/web/hooks/useWalletFlow.d.ts +1 -1
- package/dist/web/hooks/useWalletFlow.d.ts.map +1 -1
- package/dist/web/hooks/useWalletFlow.js +53 -10
- package/dist/web/hooks/useWalletFlow.js.map +1 -1
- package/dist/web/index.d.ts +5 -31
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +7 -27
- package/dist/web/index.js.map +1 -1
- package/dist/web/isDesktopBrowser.d.ts +2 -0
- package/dist/web/isDesktopBrowser.d.ts.map +1 -0
- package/dist/web/isDesktopBrowser.js +6 -0
- package/dist/web/isDesktopBrowser.js.map +1 -0
- package/dist/web/styles.css +1 -1
- package/dist/web/theme.css +1 -184
- package/package.json +7 -4
- package/dist/web/components/modalContext.d.ts +0 -4
- package/dist/web/components/modalContext.d.ts.map +0 -1
- package/dist/web/components/modalContext.js +0 -5
- package/dist/web/components/modalContext.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"isDesktopBrowser.js","sourceRoot":"","sources":["../../src/web/isDesktopBrowser.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,gBAAgB;IAC9B,IAAI,OAAO,SAAS,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IACnD,OAAO,SAAS,CAAC,cAAc,KAAK,CAAC,CAAC;AACxC,CAAC"}
|
package/dist/web/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--daimo-bg:#00000008;--daimo-surface:#fff;--daimo-surface-secondary:#f6f7f9;--daimo-surface-hover:#f0f2f5;--daimo-skeleton:#f6f7f9;--daimo-title:#373737;--daimo-text:#373737;--daimo-text-secondary:#999;--daimo-text-muted:#9ca3af;--daimo-success:#22c55e;--daimo-success-light:#dcfce7;--daimo-checkmark:#22c55e;--daimo-error:#ef4444;--daimo-error-light:#fee2e2;--daimo-warning:#f97316;--daimo-accent:#3b82f6;--daimo-placeholder:#d1d5db;--daimo-border:#fbfafb;--daimo-qr-bg:#fff;--daimo-qr-dot:#373737;--daimo-radius-sm:0.5rem;--daimo-radius-md:0.75rem;--daimo-radius-lg:1rem;--daimo-radius-xl:20px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--daimo-bg:#00000008;--daimo-surface:#2b2b2b;--daimo-surface-secondary:#383838;--daimo-surface-hover:#404040;--daimo-skeleton:#2b2b2b;--daimo-title:#fff;--daimo-text:#fff;--daimo-text-secondary:#7e7e7e;--daimo-text-muted:#858585;--daimo-success:#4ade80;--daimo-success-light:#14532d;--daimo-checkmark:#f3f4f6;--daimo-error:#f87171;--daimo-error-light:#7f1d1d;--daimo-warning:#fb923c;--daimo-accent:#0977d5;--daimo-placeholder:#9ca3af;--daimo-border:#3d3d3d;--daimo-qr-bg:#2b2b2b;--daimo-qr-dot:#fff}}.scroll-fade:after{content:"";pointer-events:none;z-index:10;position:sticky;bottom:0;left:0;right:0;display:block;height:32px;margin-top:-32px;background:linear-gradient(to bottom,transparent,var(--daimo-surface));transition:opacity .3s ease}.scroll-fade.scroll-end:after{opacity:0}.daimo-page-enter{animation:daimo-page-in .15s cubic-bezier(.23,1,.32,1) both}@keyframes daimo-page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.daimo-page-enter{animation:none}}.transition-qr{transition:opacity .28s cubic-bezier(.215,.61,.355,1),transform .28s cubic-bezier(.215,.61,.355,1);will-change:opacity,transform}.transition-qr-icon{transition:transform .28s cubic-bezier(.645,.045,.355,1),opacity .28s cubic-bezier(.645,.045,.355,1);will-change:transform,opacity}.transition-qr-spacer{transition:height .28s cubic-bezier(.645,.045,.355,1)}@media (prefers-reduced-motion:reduce){.transition-qr,.transition-qr-icon,.transition-qr-spacer{transition:none}}[data-theme=dark]{--daimo-bg:#111827;--daimo-surface:#1f2937;--daimo-surface-secondary:#374151;--daimo-surface-hover:#4b5563;--daimo-skeleton:#4b5563;--daimo-title:#f3f4f6;--daimo-text:#f3f4f6;--daimo-text-secondary:#9ca3af;--daimo-text-muted:#6b7280;--daimo-success:#4ade80;--daimo-success-light:#14532d;--daimo-checkmark:#f3f4f6;--daimo-error:#f87171;--daimo-error-light:#7f1d1d;--daimo-warning:#fb923c;--daimo-accent:#0977d5;--daimo-placeholder:#6b7280}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-\[13px\]{inset:13px}.inset-\[6px\]{inset:6px}.inset-x-0{left:0;right:0}.-bottom-0\.5{bottom:-.125rem}.-bottom-1{bottom:-.25rem}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.bottom-0{bottom:0}.left-1\/2{left:50%}.left-5{left:1.25rem}.right-\[17px\]{right:17px}.top-0{top:0}.top-1\/2{top:50%}.top-\[22px\]{top:22px}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.mr-3{margin-right:.75rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-0\.5{height:.125rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[100px\]{height:100px}.h-\[15px\]{height:15px}.h-\[28\%\]{height:28%}.h-auto{height:auto}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0}.min-h-\[100px\]{min-height:100px}.min-h-\[44px\]{min-height:44px}.min-h-\[56px\]{min-height:56px}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\/5{width:60%}.w-32{width:8rem}.w-4\/5{width:80%}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[100px\]{width:100px}.w-\[15px\]{width:15px}.w-\[28\%\]{width:28%}.w-full{width:100%}.min-w-0{min-width:0}.max-w-16{max-width:4rem}.max-w-\[200px\]{max-width:200px}.max-w-\[420px\]{max-width:420px}.max-w-\[512px\]{max-width:512px}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.scale-50,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-not-allowed{cursor:not-allowed}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-balance{text-wrap:balance}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[25\%\]{border-radius:25%}.rounded-\[var\(--daimo-radius-lg\)\]{border-radius:var(--daimo-radius-lg)}.rounded-\[var\(--daimo-radius-md\)\]{border-radius:var(--daimo-radius-md)}.rounded-\[var\(--daimo-radius-sm\)\]{border-radius:var(--daimo-radius-sm)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-t-\[var\(--daimo-radius-xl\)\]{border-top-left-radius:var(--daimo-radius-xl);border-top-right-radius:var(--daimo-radius-xl)}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-none{border-style:none}.border-\[var\(--daimo-border\)\]{border-color:var(--daimo-border)}.border-\[var\(--daimo-qr-bg\2c white\)\]{border-color:var(--daimo-qr-bg,#fff)}.border-\[var\(--daimo-surface\)\]{border-color:var(--daimo-surface)}.bg-\[var\(--daimo-primary\)\]{background-color:var(--daimo-primary)}.bg-\[var\(--daimo-qr-bg\2c white\)\]{background-color:var(--daimo-qr-bg,#fff)}.bg-\[var\(--daimo-surface\)\]{background-color:var(--daimo-surface)}.bg-\[var\(--daimo-surface-secondary\)\]{background-color:var(--daimo-surface-secondary)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-transparent{background-color:transparent}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1{padding:.25rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[3px\]{padding-top:3px;padding-bottom:3px}.pb-0{padding-bottom:0}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-\[100\%\]{padding-bottom:100%}.text-left{text-align:left}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[24px\]{font-size:24px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[21px\]{line-height:21px}.leading-tight{line-height:1.25}.text-\[var\(--daimo-accent\)\]{color:var(--daimo-accent)}.text-\[var\(--daimo-error\)\]{color:var(--daimo-error)}.text-\[var\(--daimo-placeholder\)\]{color:var(--daimo-placeholder)}.text-\[var\(--daimo-success\)\]{color:var(--daimo-success)}.text-\[var\(--daimo-text\)\]{color:var(--daimo-text)}.text-\[var\(--daimo-text-muted\)\]{color:var(--daimo-text-muted)}.text-\[var\(--daimo-text-secondary\)\]{color:var(--daimo-text-secondary)}.text-\[var\(--daimo-title\)\]{color:var(--daimo-title)}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.placeholder-\[var\(--daimo-placeholder\)\]::-moz-placeholder{color:var(--daimo-placeholder)}.placeholder-\[var\(--daimo-placeholder\)\]::placeholder{color:var(--daimo-placeholder)}.caret-\[var\(--daimo-text-muted\)\]{caret-color:var(--daimo-text-muted)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\2c transform\]{transition-property:background-color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\]{transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\]{transition-property:border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[opacity\2c transform\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[transition-duration\:200ms\2c 100ms\]{transition-duration:.2s,.1s}.hover\:bg-\[var\(--daimo-surface-hover\)\]:hover{background-color:var(--daimo-surface-hover)}.hover\:text-\[var\(--daimo-text\)\]:hover{color:var(--daimo-text)}.hover\:opacity-90:hover{opacity:.9}.focus\:border-none:focus{border-style:none}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\:scale-\[0\.9\]:active{--tw-scale-x:0.9;--tw-scale-y:0.9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:opacity-50:active{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-reduced-motion:no-preference){@keyframes pulse{50%{opacity:.5}}.motion-safe\:animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}}@media (min-width:640px){.sm\:max-w-\[260px\]{max-width:260px}.sm\:rounded-\[var\(--daimo-radius-xl\)\]{border-radius:var(--daimo-radius-xl)}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:pb-4{padding-bottom:1rem}}@media(hover:hover){.hover\:\[\@media\(hover\:hover\)\]\:\!bg-\[var\(--daimo-surface-secondary\)\]:hover{background-color:var(--daimo-surface-secondary)!important}.hover\:\[\@media\(hover\:hover\)\]\:bg-\[var\(--daimo-surface-hover\)\]:hover{background-color:var(--daimo-surface-hover)}.hover\:\[\@media\(hover\:hover\)\]\:bg-\[var\(--daimo-surface-secondary\)\]:hover{background-color:var(--daimo-surface-secondary)}.hover\:\[\@media\(hover\:hover\)\]\:opacity-70:hover{opacity:.7}}
|
|
1
|
+
:root{--daimo-bg:#00000008;--daimo-surface:#fff;--daimo-surface-secondary:#f6f7f9;--daimo-surface-hover:#f0f2f5;--daimo-skeleton:#f6f7f9;--daimo-title:#373737;--daimo-text:#373737;--daimo-text-secondary:#999;--daimo-text-muted:#9ca3af;--daimo-success:#22c55e;--daimo-success-light:#dcfce7;--daimo-checkmark:#22c55e;--daimo-error:#ef4444;--daimo-error-light:#fee2e2;--daimo-warning:#f97316;--daimo-accent:#3b82f6;--daimo-placeholder:#d1d5db;--daimo-border:#fbfafb;--daimo-qr-bg:#fff;--daimo-qr-dot:#373737;--daimo-radius-sm:0.5rem;--daimo-radius-md:0.75rem;--daimo-radius-lg:1rem;--daimo-radius-xl:20px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--daimo-bg:#00000008;--daimo-surface:#2b2b2b;--daimo-surface-secondary:#383838;--daimo-surface-hover:#404040;--daimo-skeleton:#2b2b2b;--daimo-title:#fff;--daimo-text:#fff;--daimo-text-secondary:#7e7e7e;--daimo-text-muted:#858585;--daimo-success:#4ade80;--daimo-success-light:#14532d;--daimo-checkmark:#f3f4f6;--daimo-error:#f87171;--daimo-error-light:#7f1d1d;--daimo-warning:#fb923c;--daimo-accent:#0977d5;--daimo-placeholder:#9ca3af;--daimo-border:#3d3d3d;--daimo-qr-bg:#2b2b2b;--daimo-qr-dot:#fff}}.daimo-scroll-fade:after{content:"";pointer-events:none;z-index:10;position:sticky;bottom:0;left:0;right:0;display:block;height:32px;margin-top:-32px;background:linear-gradient(to bottom,transparent,var(--daimo-surface));transition:opacity .3s ease}.daimo-scroll-fade.daimo-scroll-end:after{opacity:0}.daimo-page-enter{animation:daimo-page-in .15s cubic-bezier(.23,1,.32,1) both}@keyframes daimo-page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.daimo-page-enter{animation:none}}.daimo-modal-backdrop{animation:daimo-backdrop-in .2s ease-out forwards}@keyframes daimo-backdrop-in{0%{opacity:0}to{opacity:1}}.daimo-modal-content{animation:daimo-modal-slide-up .2s ease-out forwards}@keyframes daimo-modal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes daimo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.daimo-qr-placeholder-qr{opacity:.1}.daimo-qr-shimmer{pointer-events:none;transform:scale(2) rotate(45deg);background:linear-gradient(90deg,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.4),hsla(0,0%,100%,0));background-size:200% 100%;animation:daimo-qr-shimmer 1s linear infinite both}.daimo-qr-placeholder-logo{z-index:2;position:absolute;left:50%;top:50%;display:flex;width:28%;height:28%;transform:translate(-50%,-50%);align-items:center;justify-content:center}@keyframes daimo-qr-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes daimo-qr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes daimo-qr-fade-out{0%{opacity:1}to{opacity:0}}.daimo-qr-fade-in{animation:daimo-qr-fade-in .2s ease-out both}.daimo-qr-fade-out{animation:daimo-qr-fade-out .2s ease-out both}.daimo-transition-qr{transition:opacity .28s cubic-bezier(.215,.61,.355,1),transform .28s cubic-bezier(.215,.61,.355,1);will-change:opacity,transform}.daimo-transition-qr-icon{transition:transform .28s cubic-bezier(.645,.045,.355,1),opacity .28s cubic-bezier(.645,.045,.355,1);will-change:transform,opacity}.daimo-transition-qr-spacer{transition:height .28s cubic-bezier(.645,.045,.355,1)}@media (prefers-reduced-motion:reduce){.daimo-modal-backdrop,.daimo-modal-content,.daimo-qr-fade-in,.daimo-qr-fade-out,.daimo-qr-shimmer{animation:none}.daimo-transition-qr,.daimo-transition-qr-icon,.daimo-transition-qr-spacer{transition:none}}[data-theme=dark]{--daimo-bg:#111827;--daimo-surface:#1f2937;--daimo-surface-secondary:#374151;--daimo-surface-hover:#4b5563;--daimo-skeleton:#4b5563;--daimo-title:#f3f4f6;--daimo-text:#f3f4f6;--daimo-text-secondary:#9ca3af;--daimo-text-muted:#6b7280;--daimo-success:#4ade80;--daimo-success-light:#14532d;--daimo-checkmark:#f3f4f6;--daimo-error:#f87171;--daimo-error-light:#7f1d1d;--daimo-warning:#fb923c;--daimo-accent:#0977d5;--daimo-placeholder:#6b7280}.daimo-pointer-events-none{pointer-events:none}.daimo-pointer-events-auto{pointer-events:auto}.daimo-invisible{visibility:hidden}.daimo-fixed{position:fixed}.daimo-absolute{position:absolute}.daimo-relative{position:relative}.daimo-sticky{position:sticky}.daimo-inset-0{inset:0}.daimo-inset-\[13px\]{inset:13px}.daimo-inset-\[6px\]{inset:6px}.daimo-inset-x-0{left:0;right:0}.-daimo-bottom-0\.5{bottom:-.125rem}.-daimo-bottom-1{bottom:-.25rem}.-daimo-right-0\.5{right:-.125rem}.-daimo-right-1{right:-.25rem}.daimo-bottom-0{bottom:0}.daimo-left-1\/2{left:50%}.daimo-left-5{left:1.25rem}.daimo-right-\[17px\]{right:17px}.daimo-top-0{top:0}.daimo-top-1\/2{top:50%}.daimo-top-\[22px\]{top:22px}.daimo-z-10{z-index:10}.daimo-z-20{z-index:20}.daimo-z-50{z-index:50}.daimo-mx-6{margin-left:1.5rem;margin-right:1.5rem}.daimo-mb-1{margin-bottom:.25rem}.daimo-mb-2{margin-bottom:.5rem}.daimo-mb-3{margin-bottom:.75rem}.daimo-mb-6{margin-bottom:1.5rem}.daimo-ml-2{margin-left:.5rem}.daimo-mr-3{margin-right:.75rem}.daimo-mt-auto{margin-top:auto}.daimo-block{display:block}.daimo-inline-block{display:inline-block}.daimo-flex{display:flex}.daimo-grid{display:grid}.daimo-aspect-square{aspect-ratio:1/1}.daimo-h-0\.5{height:.125rem}.daimo-h-12{height:3rem}.daimo-h-14{height:3.5rem}.daimo-h-16{height:4rem}.daimo-h-20{height:5rem}.daimo-h-24{height:6rem}.daimo-h-3{height:.75rem}.daimo-h-4{height:1rem}.daimo-h-5{height:1.25rem}.daimo-h-8{height:2rem}.daimo-h-\[100px\]{height:100px}.daimo-h-\[15px\]{height:15px}.daimo-h-auto{height:auto}.daimo-h-full{height:100%}.daimo-max-h-\[90vh\]{max-height:90vh}.daimo-min-h-0{min-height:0}.daimo-min-h-\[100px\]{min-height:100px}.daimo-min-h-\[44px\]{min-height:44px}.daimo-min-h-\[56px\]{min-height:56px}.daimo-w-12{width:3rem}.daimo-w-16{width:4rem}.daimo-w-20{width:5rem}.daimo-w-24{width:6rem}.daimo-w-28{width:7rem}.daimo-w-3{width:.75rem}.daimo-w-3\/5{width:60%}.daimo-w-32{width:8rem}.daimo-w-4\/5{width:80%}.daimo-w-40{width:10rem}.daimo-w-48{width:12rem}.daimo-w-5{width:1.25rem}.daimo-w-8{width:2rem}.daimo-w-\[100px\]{width:100px}.daimo-w-\[15px\]{width:15px}.daimo-w-full{width:100%}.daimo-min-w-0{min-width:0}.daimo-max-w-16{max-width:4rem}.daimo-max-w-\[200px\]{max-width:200px}.daimo-max-w-\[420px\]{max-width:420px}.daimo-max-w-\[512px\]{max-width:512px}.daimo-max-w-none{max-width:none}.daimo-max-w-sm{max-width:24rem}.daimo-max-w-xs{max-width:20rem}.daimo-flex-1{flex:1 1 0%}.daimo-shrink-0{flex-shrink:0}.-daimo-translate-x-1\/2{--tw-translate-x:-50%}.-daimo-translate-x-1\/2,.-daimo-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-daimo-translate-y-1\/2{--tw-translate-y:-50%}.-daimo-rotate-90{--tw-rotate:-90deg}.-daimo-rotate-90,.daimo-scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.daimo-scale-100{--tw-scale-x:1;--tw-scale-y:1}.daimo-scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.daimo-scale-50,.daimo-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes daimo-daimo-pulse{50%{opacity:.5}}.daimo-animate-daimo-pulse{animation:daimo-daimo-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.daimo-cursor-not-allowed{cursor:not-allowed}.daimo-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.daimo-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.daimo-flex-col{flex-direction:column}.daimo-items-center{align-items:center}.daimo-justify-center{justify-content:center}.daimo-justify-between{justify-content:space-between}.daimo-gap-0{gap:0}.daimo-gap-0\.5{gap:.125rem}.daimo-gap-1{gap:.25rem}.daimo-gap-1\.5{gap:.375rem}.daimo-gap-2{gap:.5rem}.daimo-gap-3{gap:.75rem}.daimo-gap-4{gap:1rem}.daimo-gap-6{gap:1.5rem}.daimo-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.daimo-overflow-hidden{overflow:hidden}.daimo-overflow-y-auto{overflow-y:auto}.daimo-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daimo-whitespace-pre-line{white-space:pre-line}.daimo-text-balance{text-wrap:balance}.daimo-rounded{border-radius:.25rem}.daimo-rounded-2xl{border-radius:1rem}.daimo-rounded-\[25\%\]{border-radius:25%}.daimo-rounded-\[5px\]{border-radius:5px}.daimo-rounded-\[var\(--daimo-radius-lg\)\]{border-radius:var(--daimo-radius-lg)}.daimo-rounded-\[var\(--daimo-radius-md\)\]{border-radius:var(--daimo-radius-md)}.daimo-rounded-\[var\(--daimo-radius-sm\)\]{border-radius:var(--daimo-radius-sm)}.daimo-rounded-full{border-radius:9999px}.daimo-rounded-lg{border-radius:.5rem}.daimo-rounded-t-\[var\(--daimo-radius-xl\)\]{border-top-left-radius:var(--daimo-radius-xl);border-top-right-radius:var(--daimo-radius-xl)}.daimo-border{border-width:1px}.daimo-border-2{border-width:2px}.daimo-border-\[1\.5px\]{border-width:1.5px}.daimo-border-b{border-bottom-width:1px}.daimo-border-none{border-style:none}.daimo-border-\[var\(--daimo-border\)\]{border-color:var(--daimo-border)}.daimo-border-\[var\(--daimo-qr-bg\,white\)\]{border-color:var(--daimo-qr-bg,#fff)}.daimo-border-\[var\(--daimo-surface\)\]{border-color:var(--daimo-surface)}.daimo-bg-\[var\(--daimo-accent\)\]{background-color:var(--daimo-accent)}.daimo-bg-\[var\(--daimo-qr-bg\,white\)\]{background-color:var(--daimo-qr-bg,#fff)}.daimo-bg-\[var\(--daimo-surface\)\]{background-color:var(--daimo-surface)}.daimo-bg-\[var\(--daimo-surface-secondary\)\]{background-color:var(--daimo-surface-secondary)}.daimo-bg-black\/50{background-color:rgba(0,0,0,.5)}.daimo-bg-transparent{background-color:transparent}.daimo-object-contain{-o-object-fit:contain;object-fit:contain}.daimo-p-1{padding:.25rem}.daimo-p-4{padding:1rem}.daimo-p-6{padding:1.5rem}.daimo-px-0{padding-left:0;padding-right:0}.daimo-px-2{padding-left:.5rem;padding-right:.5rem}.daimo-px-4{padding-left:1rem;padding-right:1rem}.daimo-px-5{padding-left:1.25rem;padding-right:1.25rem}.daimo-px-6{padding-left:1.5rem;padding-right:1.5rem}.daimo-px-8{padding-left:2rem;padding-right:2rem}.daimo-py-2{padding-top:.5rem;padding-bottom:.5rem}.daimo-py-3{padding-top:.75rem;padding-bottom:.75rem}.daimo-py-4{padding-top:1rem;padding-bottom:1rem}.daimo-py-\[3px\]{padding-top:3px;padding-bottom:3px}.daimo-pb-0{padding-bottom:0}.daimo-pb-4{padding-bottom:1rem}.daimo-pb-6{padding-bottom:1.5rem}.daimo-pb-\[100\%\]{padding-bottom:100%}.daimo-text-left{text-align:left}.daimo-text-center{text-align:center}.daimo-text-3xl{font-size:1.875rem;line-height:2.25rem}.daimo-text-\[24px\]{font-size:24px}.daimo-text-base{font-size:1rem;line-height:1.5rem}.daimo-text-lg{font-size:1.125rem;line-height:1.75rem}.daimo-text-sm{font-size:.875rem;line-height:1.25rem}.daimo-text-xs{font-size:.75rem;line-height:1rem}.daimo-font-medium{font-weight:500}.daimo-font-normal{font-weight:400}.daimo-font-semibold{font-weight:600}.daimo-tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.daimo-leading-\[21px\]{line-height:21px}.daimo-leading-tight{line-height:1.25}.daimo-text-\[var\(--daimo-accent\)\]{color:var(--daimo-accent)}.daimo-text-\[var\(--daimo-error\)\]{color:var(--daimo-error)}.daimo-text-\[var\(--daimo-placeholder\)\]{color:var(--daimo-placeholder)}.daimo-text-\[var\(--daimo-success\)\]{color:var(--daimo-success)}.daimo-text-\[var\(--daimo-text\)\]{color:var(--daimo-text)}.daimo-text-\[var\(--daimo-text-muted\)\]{color:var(--daimo-text-muted)}.daimo-text-\[var\(--daimo-text-secondary\)\]{color:var(--daimo-text-secondary)}.daimo-text-\[var\(--daimo-title\)\]{color:var(--daimo-title)}.daimo-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.daimo-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.daimo-underline{text-decoration-line:underline}.daimo-no-underline{text-decoration-line:none}.daimo-placeholder-\[var\(--daimo-placeholder\)\]::-moz-placeholder{color:var(--daimo-placeholder)}.daimo-placeholder-\[var\(--daimo-placeholder\)\]::placeholder{color:var(--daimo-placeholder)}.daimo-caret-\[var\(--daimo-text-muted\)\]{caret-color:var(--daimo-text-muted)}.daimo-opacity-0{opacity:0}.daimo-opacity-100{opacity:1}.daimo-opacity-50{opacity:.5}.daimo-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.daimo-shadow-lg,.daimo-shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.daimo-shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.daimo-outline-none{outline:2px solid transparent;outline-offset:2px}.daimo-ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.daimo-transition-\[background-color\,transform\]{transition-property:background-color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.daimo-transition-\[background-color\]{transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.daimo-transition-\[border-color\]{transition-property:border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.daimo-transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.daimo-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.daimo-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.daimo-duration-100{transition-duration:.1s}.daimo-duration-150{transition-duration:.15s}.daimo-duration-200{transition-duration:.2s}.daimo-duration-300{transition-duration:.3s}.hover\:daimo-bg-\[var\(--daimo-surface-hover\)\]:hover{background-color:var(--daimo-surface-hover)}.hover\:daimo-text-\[var\(--daimo-text\)\]:hover{color:var(--daimo-text)}.hover\:daimo-opacity-90:hover{opacity:.9}.focus\:daimo-border-none:focus{border-style:none}.focus\:daimo-shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:daimo-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:daimo-ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\:daimo-scale-\[0\.9\]:active{--tw-scale-x:0.9;--tw-scale-y:0.9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:daimo-opacity-50:active{opacity:.5}.disabled\:daimo-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:daimo-opacity-50:disabled{opacity:.5}@media (prefers-reduced-motion:no-preference){@keyframes daimo-daimo-pulse{50%{opacity:.5}}.motion-safe\:daimo-animate-daimo-pulse{animation:daimo-daimo-pulse 2s cubic-bezier(.4,0,.6,1) infinite}}@media (min-width:640px){.sm\:daimo-max-w-\[260px\]{max-width:260px}.sm\:daimo-rounded-\[var\(--daimo-radius-xl\)\]{border-radius:var(--daimo-radius-xl)}.sm\:daimo-px-4{padding-left:1rem;padding-right:1rem}.sm\:daimo-pb-4{padding-bottom:1rem}}@media(hover:hover){.hover\:\[\@media\(hover\:hover\)\]\:\!daimo-bg-\[var\(--daimo-surface-secondary\)\]:hover{background-color:var(--daimo-surface-secondary)!important}.hover\:\[\@media\(hover\:hover\)\]\:daimo-bg-\[var\(--daimo-surface-hover\)\]:hover{background-color:var(--daimo-surface-hover)}.hover\:\[\@media\(hover\:hover\)\]\:daimo-bg-\[var\(--daimo-surface-secondary\)\]:hover{background-color:var(--daimo-surface-secondary)}.hover\:\[\@media\(hover\:hover\)\]\:daimo-opacity-70:hover{opacity:.7}}
|
package/dist/web/theme.css
CHANGED
|
@@ -1,184 +1 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Daimo Modal Theme
|
|
3
|
-
*
|
|
4
|
-
* Override these CSS variables to customize the modal appearance.
|
|
5
|
-
* All colors, border radii, and fonts are defined here.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
:root {
|
|
9
|
-
/* Backgrounds */
|
|
10
|
-
--daimo-bg: #00000008;
|
|
11
|
-
--daimo-surface: #ffffff;
|
|
12
|
-
--daimo-surface-secondary: #f6f7f9;
|
|
13
|
-
--daimo-surface-hover: #f0f2f5;
|
|
14
|
-
--daimo-skeleton: #f6f7f9;
|
|
15
|
-
|
|
16
|
-
/* Text */
|
|
17
|
-
--daimo-title: #373737;
|
|
18
|
-
--daimo-text: #373737;
|
|
19
|
-
--daimo-text-secondary: #999999;
|
|
20
|
-
--daimo-text-muted: #9ca3af;
|
|
21
|
-
|
|
22
|
-
/* Semantic */
|
|
23
|
-
--daimo-success: #22c55e;
|
|
24
|
-
--daimo-success-light: #dcfce7;
|
|
25
|
-
--daimo-checkmark: #22c55e;
|
|
26
|
-
--daimo-error: #ef4444;
|
|
27
|
-
--daimo-error-light: #fee2e2;
|
|
28
|
-
--daimo-warning: #f97316;
|
|
29
|
-
--daimo-accent: #3b82f6;
|
|
30
|
-
|
|
31
|
-
/* Placeholder/Inactive */
|
|
32
|
-
--daimo-placeholder: #d1d5db;
|
|
33
|
-
|
|
34
|
-
/* Border */
|
|
35
|
-
--daimo-border: #fbfafb;
|
|
36
|
-
|
|
37
|
-
/* QR Code */
|
|
38
|
-
--daimo-qr-bg: #ffffff;
|
|
39
|
-
--daimo-qr-dot: #373737;
|
|
40
|
-
|
|
41
|
-
/* Radius */
|
|
42
|
-
--daimo-radius-sm: 0.5rem;
|
|
43
|
-
--daimo-radius-md: 0.75rem;
|
|
44
|
-
--daimo-radius-lg: 1rem;
|
|
45
|
-
--daimo-radius-xl: 20px;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
/* Dark mode: system preference */
|
|
49
|
-
@media (prefers-color-scheme: dark) {
|
|
50
|
-
:root:not([data-theme="light"]) {
|
|
51
|
-
/* Backgrounds */
|
|
52
|
-
--daimo-bg: #00000008;
|
|
53
|
-
--daimo-surface: #2b2b2b;
|
|
54
|
-
--daimo-surface-secondary: #383838;
|
|
55
|
-
--daimo-surface-hover: #404040;
|
|
56
|
-
--daimo-skeleton: #2b2b2b;
|
|
57
|
-
|
|
58
|
-
/* Text */
|
|
59
|
-
--daimo-title: #ffffff;
|
|
60
|
-
--daimo-text: #ffffff;
|
|
61
|
-
--daimo-text-secondary: #7e7e7e;
|
|
62
|
-
--daimo-text-muted: #858585;
|
|
63
|
-
|
|
64
|
-
/* Semantic */
|
|
65
|
-
--daimo-success: #4ade80;
|
|
66
|
-
--daimo-success-light: #14532d;
|
|
67
|
-
--daimo-checkmark: #f3f4f6;
|
|
68
|
-
--daimo-error: #f87171;
|
|
69
|
-
--daimo-error-light: #7f1d1d;
|
|
70
|
-
--daimo-warning: #fb923c;
|
|
71
|
-
--daimo-accent: #0977d5;
|
|
72
|
-
|
|
73
|
-
/* Placeholder/Inactive */
|
|
74
|
-
--daimo-placeholder: #9ca3af;
|
|
75
|
-
|
|
76
|
-
/* Border */
|
|
77
|
-
--daimo-border: #3d3d3d;
|
|
78
|
-
|
|
79
|
-
/* QR Code */
|
|
80
|
-
--daimo-qr-bg: #2b2b2b;
|
|
81
|
-
--daimo-qr-dot: #ffffff;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
/* Scroll fade — 32px sticky gradient at bottom of scrollable areas.
|
|
86
|
-
Fades content into the background; disappears when scrolled to bottom. */
|
|
87
|
-
.scroll-fade::after {
|
|
88
|
-
content: "";
|
|
89
|
-
pointer-events: none;
|
|
90
|
-
z-index: 10;
|
|
91
|
-
position: sticky;
|
|
92
|
-
bottom: 0;
|
|
93
|
-
left: 0;
|
|
94
|
-
right: 0;
|
|
95
|
-
display: block;
|
|
96
|
-
height: 32px;
|
|
97
|
-
margin-top: -32px;
|
|
98
|
-
background: linear-gradient(to bottom, transparent, var(--daimo-surface));
|
|
99
|
-
transition: opacity 300ms ease;
|
|
100
|
-
}
|
|
101
|
-
.scroll-fade.scroll-end::after {
|
|
102
|
-
opacity: 0;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
/* Page enter animation — subtle fade + slide on page change */
|
|
106
|
-
.daimo-page-enter {
|
|
107
|
-
animation: daimo-page-in 150ms cubic-bezier(0.23, 1, 0.32, 1) both;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
@keyframes daimo-page-in {
|
|
111
|
-
from {
|
|
112
|
-
opacity: 0;
|
|
113
|
-
transform: translateY(6px);
|
|
114
|
-
}
|
|
115
|
-
to {
|
|
116
|
-
opacity: 1;
|
|
117
|
-
transform: translateY(0);
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
@media (prefers-reduced-motion: reduce) {
|
|
122
|
-
.daimo-page-enter {
|
|
123
|
-
animation: none;
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
/* QR toggle animation */
|
|
128
|
-
|
|
129
|
-
/* QR code enter/exit — ease-out for responsiveness */
|
|
130
|
-
.transition-qr {
|
|
131
|
-
transition:
|
|
132
|
-
opacity 280ms cubic-bezier(0.215, 0.61, 0.355, 1),
|
|
133
|
-
transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
134
|
-
will-change: opacity, transform;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
/* Token icon morph — ease-in-out for smooth shrink/fade */
|
|
138
|
-
.transition-qr-icon {
|
|
139
|
-
transition:
|
|
140
|
-
transform 280ms cubic-bezier(0.645, 0.045, 0.355, 1),
|
|
141
|
-
opacity 280ms cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
142
|
-
will-change: transform, opacity;
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
/* Height spacer for smooth layout transition */
|
|
146
|
-
.transition-qr-spacer {
|
|
147
|
-
transition: height 280ms cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
@media (prefers-reduced-motion: reduce) {
|
|
151
|
-
.transition-qr,
|
|
152
|
-
.transition-qr-icon,
|
|
153
|
-
.transition-qr-spacer {
|
|
154
|
-
transition: none;
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
/* Dark mode: explicit override */
|
|
159
|
-
[data-theme="dark"] {
|
|
160
|
-
/* Backgrounds */
|
|
161
|
-
--daimo-bg: #111827;
|
|
162
|
-
--daimo-surface: #1f2937;
|
|
163
|
-
--daimo-surface-secondary: #374151;
|
|
164
|
-
--daimo-surface-hover: #4b5563;
|
|
165
|
-
--daimo-skeleton: #4b5563;
|
|
166
|
-
|
|
167
|
-
/* Text */
|
|
168
|
-
--daimo-title: #f3f4f6;
|
|
169
|
-
--daimo-text: #f3f4f6;
|
|
170
|
-
--daimo-text-secondary: #9ca3af;
|
|
171
|
-
--daimo-text-muted: #6b7280;
|
|
172
|
-
|
|
173
|
-
/* Semantic */
|
|
174
|
-
--daimo-success: #4ade80;
|
|
175
|
-
--daimo-success-light: #14532d;
|
|
176
|
-
--daimo-checkmark: #f3f4f6;
|
|
177
|
-
--daimo-error: #f87171;
|
|
178
|
-
--daimo-error-light: #7f1d1d;
|
|
179
|
-
--daimo-warning: #fb923c;
|
|
180
|
-
--daimo-accent: #0977d5;
|
|
181
|
-
|
|
182
|
-
/* Placeholder/Inactive */
|
|
183
|
-
--daimo-placeholder: #6b7280;
|
|
184
|
-
}
|
|
1
|
+
:root{--daimo-bg:#00000008;--daimo-surface:#fff;--daimo-surface-secondary:#f6f7f9;--daimo-surface-hover:#f0f2f5;--daimo-skeleton:#f6f7f9;--daimo-title:#373737;--daimo-text:#373737;--daimo-text-secondary:#999;--daimo-text-muted:#9ca3af;--daimo-success:#22c55e;--daimo-success-light:#dcfce7;--daimo-checkmark:#22c55e;--daimo-error:#ef4444;--daimo-error-light:#fee2e2;--daimo-warning:#f97316;--daimo-accent:#3b82f6;--daimo-placeholder:#d1d5db;--daimo-border:#fbfafb;--daimo-qr-bg:#fff;--daimo-qr-dot:#373737;--daimo-radius-sm:0.5rem;--daimo-radius-md:0.75rem;--daimo-radius-lg:1rem;--daimo-radius-xl:20px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--daimo-bg:#00000008;--daimo-surface:#2b2b2b;--daimo-surface-secondary:#383838;--daimo-surface-hover:#404040;--daimo-skeleton:#2b2b2b;--daimo-title:#fff;--daimo-text:#fff;--daimo-text-secondary:#7e7e7e;--daimo-text-muted:#858585;--daimo-success:#4ade80;--daimo-success-light:#14532d;--daimo-checkmark:#f3f4f6;--daimo-error:#f87171;--daimo-error-light:#7f1d1d;--daimo-warning:#fb923c;--daimo-accent:#0977d5;--daimo-placeholder:#9ca3af;--daimo-border:#3d3d3d;--daimo-qr-bg:#2b2b2b;--daimo-qr-dot:#fff}}.daimo-scroll-fade:after{content:"";pointer-events:none;z-index:10;position:sticky;bottom:0;left:0;right:0;display:block;height:32px;margin-top:-32px;background:linear-gradient(to bottom,transparent,var(--daimo-surface));transition:opacity .3s ease}.daimo-scroll-fade.daimo-scroll-end:after{opacity:0}.daimo-page-enter{animation:daimo-page-in .15s cubic-bezier(.23,1,.32,1) both}@keyframes daimo-page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.daimo-page-enter{animation:none}}.daimo-modal-backdrop{animation:daimo-backdrop-in .2s ease-out forwards}@keyframes daimo-backdrop-in{0%{opacity:0}to{opacity:1}}.daimo-modal-content{animation:daimo-modal-slide-up .2s ease-out forwards}@keyframes daimo-modal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes daimo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.daimo-qr-placeholder-qr{opacity:.1}.daimo-qr-shimmer{pointer-events:none;transform:scale(2) rotate(45deg);background:linear-gradient(90deg,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.4),hsla(0,0%,100%,0));background-size:200% 100%;animation:daimo-qr-shimmer 1s linear infinite both}.daimo-qr-placeholder-logo{z-index:2;position:absolute;left:50%;top:50%;display:flex;width:28%;height:28%;transform:translate(-50%,-50%);align-items:center;justify-content:center}@keyframes daimo-qr-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes daimo-qr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes daimo-qr-fade-out{0%{opacity:1}to{opacity:0}}.daimo-qr-fade-in{animation:daimo-qr-fade-in .2s ease-out both}.daimo-qr-fade-out{animation:daimo-qr-fade-out .2s ease-out both}.daimo-transition-qr{transition:opacity .28s cubic-bezier(.215,.61,.355,1),transform .28s cubic-bezier(.215,.61,.355,1);will-change:opacity,transform}.daimo-transition-qr-icon{transition:transform .28s cubic-bezier(.645,.045,.355,1),opacity .28s cubic-bezier(.645,.045,.355,1);will-change:transform,opacity}.daimo-transition-qr-spacer{transition:height .28s cubic-bezier(.645,.045,.355,1)}@media (prefers-reduced-motion:reduce){.daimo-modal-backdrop,.daimo-modal-content,.daimo-qr-fade-in,.daimo-qr-fade-out,.daimo-qr-shimmer{animation:none}.daimo-transition-qr,.daimo-transition-qr-icon,.daimo-transition-qr-spacer{transition:none}}[data-theme=dark]{--daimo-bg:#111827;--daimo-surface:#1f2937;--daimo-surface-secondary:#374151;--daimo-surface-hover:#4b5563;--daimo-skeleton:#4b5563;--daimo-title:#f3f4f6;--daimo-text:#f3f4f6;--daimo-text-secondary:#9ca3af;--daimo-text-muted:#6b7280;--daimo-success:#4ade80;--daimo-success-light:#14532d;--daimo-checkmark:#f3f4f6;--daimo-error:#f87171;--daimo-error-light:#7f1d1d;--daimo-warning:#fb923c;--daimo-accent:#0977d5;--daimo-placeholder:#6b7280}.daimo-pointer-events-none{pointer-events:none}.daimo-pointer-events-auto{pointer-events:auto}.daimo-invisible{visibility:hidden}.daimo-fixed{position:fixed}.daimo-absolute{position:absolute}.daimo-relative{position:relative}.daimo-sticky{position:sticky}.daimo-inset-0{inset:0}.daimo-inset-\[13px\]{inset:13px}.daimo-inset-\[6px\]{inset:6px}.daimo-inset-x-0{left:0;right:0}.-daimo-bottom-0\.5{bottom:-.125rem}.-daimo-bottom-1{bottom:-.25rem}.-daimo-right-0\.5{right:-.125rem}.-daimo-right-1{right:-.25rem}.daimo-bottom-0{bottom:0}.daimo-left-1\/2{left:50%}.daimo-left-5{left:1.25rem}.daimo-right-\[17px\]{right:17px}.daimo-top-0{top:0}.daimo-top-1\/2{top:50%}.daimo-top-\[22px\]{top:22px}.daimo-z-10{z-index:10}.daimo-z-20{z-index:20}.daimo-z-50{z-index:50}.daimo-mx-6{margin-left:1.5rem;margin-right:1.5rem}.daimo-mb-1{margin-bottom:.25rem}.daimo-mb-2{margin-bottom:.5rem}.daimo-mb-3{margin-bottom:.75rem}.daimo-mb-6{margin-bottom:1.5rem}.daimo-ml-2{margin-left:.5rem}.daimo-mr-3{margin-right:.75rem}.daimo-mt-auto{margin-top:auto}.daimo-block{display:block}.daimo-inline-block{display:inline-block}.daimo-flex{display:flex}.daimo-grid{display:grid}.daimo-aspect-square{aspect-ratio:1/1}.daimo-h-0\.5{height:.125rem}.daimo-h-12{height:3rem}.daimo-h-14{height:3.5rem}.daimo-h-16{height:4rem}.daimo-h-20{height:5rem}.daimo-h-24{height:6rem}.daimo-h-3{height:.75rem}.daimo-h-4{height:1rem}.daimo-h-5{height:1.25rem}.daimo-h-8{height:2rem}.daimo-h-\[100px\]{height:100px}.daimo-h-\[15px\]{height:15px}.daimo-h-auto{height:auto}.daimo-h-full{height:100%}.daimo-max-h-\[90vh\]{max-height:90vh}.daimo-min-h-0{min-height:0}.daimo-min-h-\[100px\]{min-height:100px}.daimo-min-h-\[44px\]{min-height:44px}.daimo-min-h-\[56px\]{min-height:56px}.daimo-w-12{width:3rem}.daimo-w-16{width:4rem}.daimo-w-20{width:5rem}.daimo-w-24{width:6rem}.daimo-w-28{width:7rem}.daimo-w-3{width:.75rem}.daimo-w-3\/5{width:60%}.daimo-w-32{width:8rem}.daimo-w-4\/5{width:80%}.daimo-w-40{width:10rem}.daimo-w-48{width:12rem}.daimo-w-5{width:1.25rem}.daimo-w-8{width:2rem}.daimo-w-\[100px\]{width:100px}.daimo-w-\[15px\]{width:15px}.daimo-w-full{width:100%}.daimo-min-w-0{min-width:0}.daimo-max-w-16{max-width:4rem}.daimo-max-w-\[200px\]{max-width:200px}.daimo-max-w-\[420px\]{max-width:420px}.daimo-max-w-\[512px\]{max-width:512px}.daimo-max-w-none{max-width:none}.daimo-max-w-sm{max-width:24rem}.daimo-max-w-xs{max-width:20rem}.daimo-flex-1{flex:1 1 0%}.daimo-shrink-0{flex-shrink:0}.-daimo-translate-x-1\/2{--tw-translate-x:-50%}.-daimo-translate-x-1\/2,.-daimo-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-daimo-translate-y-1\/2{--tw-translate-y:-50%}.-daimo-rotate-90{--tw-rotate:-90deg}.-daimo-rotate-90,.daimo-scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.daimo-scale-100{--tw-scale-x:1;--tw-scale-y:1}.daimo-scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.daimo-scale-50,.daimo-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes daimo-daimo-pulse{50%{opacity:.5}}.daimo-animate-daimo-pulse{animation:daimo-daimo-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.daimo-cursor-not-allowed{cursor:not-allowed}.daimo-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.daimo-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.daimo-flex-col{flex-direction:column}.daimo-items-center{align-items:center}.daimo-justify-center{justify-content:center}.daimo-justify-between{justify-content:space-between}.daimo-gap-0{gap:0}.daimo-gap-0\.5{gap:.125rem}.daimo-gap-1{gap:.25rem}.daimo-gap-1\.5{gap:.375rem}.daimo-gap-2{gap:.5rem}.daimo-gap-3{gap:.75rem}.daimo-gap-4{gap:1rem}.daimo-gap-6{gap:1.5rem}.daimo-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.daimo-overflow-hidden{overflow:hidden}.daimo-overflow-y-auto{overflow-y:auto}.daimo-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daimo-whitespace-pre-line{white-space:pre-line}.daimo-text-balance{text-wrap:balance}.daimo-rounded{border-radius:.25rem}.daimo-rounded-2xl{border-radius:1rem}.daimo-rounded-\[25\%\]{border-radius:25%}.daimo-rounded-\[5px\]{border-radius:5px}.daimo-rounded-\[var\(--daimo-radius-lg\)\]{border-radius:var(--daimo-radius-lg)}.daimo-rounded-\[var\(--daimo-radius-md\)\]{border-radius:var(--daimo-radius-md)}.daimo-rounded-\[var\(--daimo-radius-sm\)\]{border-radius:var(--daimo-radius-sm)}.daimo-rounded-full{border-radius:9999px}.daimo-rounded-lg{border-radius:.5rem}.daimo-rounded-t-\[var\(--daimo-radius-xl\)\]{border-top-left-radius:var(--daimo-radius-xl);border-top-right-radius:var(--daimo-radius-xl)}.daimo-border{border-width:1px}.daimo-border-2{border-width:2px}.daimo-border-\[1\.5px\]{border-width:1.5px}.daimo-border-b{border-bottom-width:1px}.daimo-border-none{border-style:none}.daimo-border-\[var\(--daimo-border\)\]{border-color:var(--daimo-border)}.daimo-border-\[var\(--daimo-qr-bg\,white\)\]{border-color:var(--daimo-qr-bg,#fff)}.daimo-border-\[var\(--daimo-surface\)\]{border-color:var(--daimo-surface)}.daimo-bg-\[var\(--daimo-accent\)\]{background-color:var(--daimo-accent)}.daimo-bg-\[var\(--daimo-qr-bg\,white\)\]{background-color:var(--daimo-qr-bg,#fff)}.daimo-bg-\[var\(--daimo-surface\)\]{background-color:var(--daimo-surface)}.daimo-bg-\[var\(--daimo-surface-secondary\)\]{background-color:var(--daimo-surface-secondary)}.daimo-bg-black\/50{background-color:rgba(0,0,0,.5)}.daimo-bg-transparent{background-color:transparent}.daimo-object-contain{-o-object-fit:contain;object-fit:contain}.daimo-p-1{padding:.25rem}.daimo-p-4{padding:1rem}.daimo-p-6{padding:1.5rem}.daimo-px-0{padding-left:0;padding-right:0}.daimo-px-2{padding-left:.5rem;padding-right:.5rem}.daimo-px-4{padding-left:1rem;padding-right:1rem}.daimo-px-5{padding-left:1.25rem;padding-right:1.25rem}.daimo-px-6{padding-left:1.5rem;padding-right:1.5rem}.daimo-px-8{padding-left:2rem;padding-right:2rem}.daimo-py-2{padding-top:.5rem;padding-bottom:.5rem}.daimo-py-3{padding-top:.75rem;padding-bottom:.75rem}.daimo-py-4{padding-top:1rem;padding-bottom:1rem}.daimo-py-\[3px\]{padding-top:3px;padding-bottom:3px}.daimo-pb-0{padding-bottom:0}.daimo-pb-4{padding-bottom:1rem}.daimo-pb-6{padding-bottom:1.5rem}.daimo-pb-\[100\%\]{padding-bottom:100%}.daimo-text-left{text-align:left}.daimo-text-center{text-align:center}.daimo-text-3xl{font-size:1.875rem;line-height:2.25rem}.daimo-text-\[24px\]{font-size:24px}.daimo-text-base{font-size:1rem;line-height:1.5rem}.daimo-text-lg{font-size:1.125rem;line-height:1.75rem}.daimo-text-sm{font-size:.875rem;line-height:1.25rem}.daimo-text-xs{font-size:.75rem;line-height:1rem}.daimo-font-medium{font-weight:500}.daimo-font-normal{font-weight:400}.daimo-font-semibold{font-weight:600}.daimo-tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.daimo-leading-\[21px\]{line-height:21px}.daimo-leading-tight{line-height:1.25}.daimo-text-\[var\(--daimo-accent\)\]{color:var(--daimo-accent)}.daimo-text-\[var\(--daimo-error\)\]{color:var(--daimo-error)}.daimo-text-\[var\(--daimo-placeholder\)\]{color:var(--daimo-placeholder)}.daimo-text-\[var\(--daimo-success\)\]{color:var(--daimo-success)}.daimo-text-\[var\(--daimo-text\)\]{color:var(--daimo-text)}.daimo-text-\[var\(--daimo-text-muted\)\]{color:var(--daimo-text-muted)}.daimo-text-\[var\(--daimo-text-secondary\)\]{color:var(--daimo-text-secondary)}.daimo-text-\[var\(--daimo-title\)\]{color:var(--daimo-title)}.daimo-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.daimo-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.daimo-underline{text-decoration-line:underline}.daimo-no-underline{text-decoration-line:none}.daimo-placeholder-\[var\(--daimo-placeholder\)\]::-moz-placeholder{color:var(--daimo-placeholder)}.daimo-placeholder-\[var\(--daimo-placeholder\)\]::placeholder{color:var(--daimo-placeholder)}.daimo-caret-\[var\(--daimo-text-muted\)\]{caret-color:var(--daimo-text-muted)}.daimo-opacity-0{opacity:0}.daimo-opacity-100{opacity:1}.daimo-opacity-50{opacity:.5}.daimo-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.daimo-shadow-lg,.daimo-shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.daimo-shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.daimo-outline-none{outline:2px solid transparent;outline-offset:2px}.daimo-ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.daimo-transition-\[background-color\,transform\]{transition-property:background-color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.daimo-transition-\[background-color\]{transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.daimo-transition-\[border-color\]{transition-property:border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.daimo-transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.daimo-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.daimo-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.daimo-duration-100{transition-duration:.1s}.daimo-duration-150{transition-duration:.15s}.daimo-duration-200{transition-duration:.2s}.daimo-duration-300{transition-duration:.3s}.hover\:daimo-bg-\[var\(--daimo-surface-hover\)\]:hover{background-color:var(--daimo-surface-hover)}.hover\:daimo-text-\[var\(--daimo-text\)\]:hover{color:var(--daimo-text)}.hover\:daimo-opacity-90:hover{opacity:.9}.focus\:daimo-border-none:focus{border-style:none}.focus\:daimo-shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:daimo-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:daimo-ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\:daimo-scale-\[0\.9\]:active{--tw-scale-x:0.9;--tw-scale-y:0.9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:daimo-opacity-50:active{opacity:.5}.disabled\:daimo-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:daimo-opacity-50:disabled{opacity:.5}@media (prefers-reduced-motion:no-preference){@keyframes daimo-daimo-pulse{50%{opacity:.5}}.motion-safe\:daimo-animate-daimo-pulse{animation:daimo-daimo-pulse 2s cubic-bezier(.4,0,.6,1) infinite}}@media (min-width:640px){.sm\:daimo-max-w-\[260px\]{max-width:260px}.sm\:daimo-rounded-\[var\(--daimo-radius-xl\)\]{border-radius:var(--daimo-radius-xl)}.sm\:daimo-px-4{padding-left:1rem;padding-right:1rem}.sm\:daimo-pb-4{padding-bottom:1rem}}@media(hover:hover){.hover\:\[\@media\(hover\:hover\)\]\:\!daimo-bg-\[var\(--daimo-surface-secondary\)\]:hover{background-color:var(--daimo-surface-secondary)!important}.hover\:\[\@media\(hover\:hover\)\]\:daimo-bg-\[var\(--daimo-surface-hover\)\]:hover{background-color:var(--daimo-surface-hover)}.hover\:\[\@media\(hover\:hover\)\]\:daimo-bg-\[var\(--daimo-surface-secondary\)\]:hover{background-color:var(--daimo-surface-secondary)}.hover\:\[\@media\(hover\:hover\)\]\:daimo-opacity-70:hover{opacity:.7}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@daimo/sdk",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"description": "Daimo SDK - universal ramp for stablecoin apps",
|
|
5
5
|
"author": "Daimo",
|
|
6
6
|
"license": "BSD-2-Clause",
|
|
@@ -31,9 +31,10 @@
|
|
|
31
31
|
],
|
|
32
32
|
"scripts": {
|
|
33
33
|
"dev": "tsc --watch --preserveWatchOutput",
|
|
34
|
-
"build": "tsc &&
|
|
35
|
-
"test": "npm run lint",
|
|
36
|
-
"lint": "eslint --max-warnings=0"
|
|
34
|
+
"build": "tsc && npx tailwindcss -i src/web/theme.css -o dist/web/theme.css --minify && cp dist/web/theme.css dist/web/styles.css && npm run verify:styles",
|
|
35
|
+
"test": "npm run lint && npm run build",
|
|
36
|
+
"lint": "eslint --max-warnings=0",
|
|
37
|
+
"verify:styles": "node ./scripts/verifyStyles.mjs"
|
|
37
38
|
},
|
|
38
39
|
"dependencies": {
|
|
39
40
|
"@scure/base": "^2.0.0",
|
|
@@ -65,6 +66,8 @@
|
|
|
65
66
|
"@types/qrcode": "^1.4.2",
|
|
66
67
|
"@types/react": "^19.0.0",
|
|
67
68
|
"@types/react-dom": "^19.0.0",
|
|
69
|
+
"postcss": "^8.5.6",
|
|
70
|
+
"postcss-selector-parser": "^6.1.2",
|
|
68
71
|
"tailwindcss": "^3.4.12",
|
|
69
72
|
"typescript": "5.9.2"
|
|
70
73
|
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/** Context providing the modal close handler to descendant components (e.g. PageHeader). */
|
|
2
|
-
export declare const ModalCloseContext: import("react").Context<(() => void) | undefined>;
|
|
3
|
-
export declare const useModalClose: () => (() => void) | undefined;
|
|
4
|
-
//# sourceMappingURL=modalContext.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modalContext.d.ts","sourceRoot":"","sources":["../../../src/web/components/modalContext.ts"],"names":[],"mappings":"AAEA,4FAA4F;AAC5F,eAAO,MAAM,iBAAiB,iCAAwB,IAAI,cAEzD,CAAC;AACF,eAAO,MAAM,aAAa,eAH4B,IAAI,aAGM,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { createContext, useContext } from "react";
|
|
2
|
-
/** Context providing the modal close handler to descendant components (e.g. PageHeader). */
|
|
3
|
-
export const ModalCloseContext = createContext(undefined);
|
|
4
|
-
export const useModalClose = () => useContext(ModalCloseContext);
|
|
5
|
-
//# sourceMappingURL=modalContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modalContext.js","sourceRoot":"","sources":["../../../src/web/components/modalContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,4FAA4F;AAC5F,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC5C,SAAS,CACV,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC"}
|