UNPKG

@mysten/dapp-kit

Version:

A collection of React hooks and components for interacting with the Sui blockchain and wallets.

147 lines (143 loc) 8.59 kB
/* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62TwVLCMBCG732KPcohDEV0mPSmF59Aj520Ce1KmsQkhVaHd3fS0gGsIoyemtl/d79/N+n0ofZeqzTrPs/MIlPepWkTu2X8NoOPCICjM5K1FFBJVIKspGiSCIBJLBRBLypHIRfKCxvCr7XzuGpJrpUXyh9LK6082QosSk9hw+wNIZwZQ9boSdBeOsmRSnCsq0kS7aLpeYOUo2OZFLxzqg3L0bcUZtO7M8Wb/pAaixWz7dAs7npkLF8XVteKk1xLbUdGDwmPQXdk36ZnTcKc3xfmP6VnuiGuZFxvRzV9eFx09Wy01Bth/2PCp9DoEgu69uG9DBbmPVxbLizZIvclhdg0ySHofCsFBacl8qPwDyY7cW9wj7r0Cr6mXz3Kn7Z5Qv91mw7fRVrxAX17vEXLONZuRAxhPPxEAIZxjqqgsDQNxPdh6ed5shh4i4t5ktlCnOICCuYL00AS7T4BZ4uE22sEAAA= */ [data-dapp-kit].Button_buttonVariants__x1s81q0, [data-dapp-kit] .Button_buttonVariants__x1s81q0 { display: inline-flex; align-items: center; justify-content: center; font-weight: var(--dapp-kit-fontWeights-medium); } [data-dapp-kit].Button_buttonVariants__x1s81q0:disabled, [data-dapp-kit] .Button_buttonVariants__x1s81q0:disabled { opacity: 0.5; } [data-dapp-kit].Button_buttonVariants_variant_primary__x1s81q1, [data-dapp-kit] .Button_buttonVariants_variant_primary__x1s81q1 { background-color: var(--dapp-kit-backgroundColors-primaryButton); color: var(--dapp-kit-colors-primaryButton); box-shadow: var(--dapp-kit-shadows-primaryButton); } [data-dapp-kit].Button_buttonVariants_variant_primary__x1s81q1:hover, [data-dapp-kit] .Button_buttonVariants_variant_primary__x1s81q1:hover { background-color: var(--dapp-kit-backgroundColors-primaryButtonHover); } [data-dapp-kit].Button_buttonVariants_variant_outline__x1s81q2, [data-dapp-kit] .Button_buttonVariants_variant_outline__x1s81q2 { border-width: 1px; border-style: solid; border-color: var(--dapp-kit-borderColors-outlineButton); color: var(--dapp-kit-colors-outlineButton); } [data-dapp-kit].Button_buttonVariants_variant_outline__x1s81q2:hover, [data-dapp-kit] .Button_buttonVariants_variant_outline__x1s81q2:hover { background-color: var(--dapp-kit-backgroundColors-outlineButtonHover); } [data-dapp-kit].Button_buttonVariants_size_md__x1s81q3, [data-dapp-kit] .Button_buttonVariants_size_md__x1s81q3 { border-radius: var(--dapp-kit-radii-medium); padding: 8px 16px; } [data-dapp-kit].Button_buttonVariants_size_lg__x1s81q4, [data-dapp-kit] .Button_buttonVariants_size_lg__x1s81q4 { border-radius: var(--dapp-kit-radii-large); padding: 16px 24px; } /* vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzFhYTgzNWsxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzFhYTgzNWsyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xYWE4MzVrMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xYWE4MzVrNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMWFhODM1azUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMWFhODM1azYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMWFhODM1azcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ== */ [data-dapp-kit].Heading_headingVariants_size_sm__1aa835k1, [data-dapp-kit] .Heading_headingVariants_size_sm__1aa835k1 { font-size: var(--dapp-kit-fontSizes-small); } [data-dapp-kit].Heading_headingVariants_size_md__1aa835k2, [data-dapp-kit] .Heading_headingVariants_size_md__1aa835k2 { font-size: var(--dapp-kit-fontSizes-medium); } [data-dapp-kit].Heading_headingVariants_size_lg__1aa835k3, [data-dapp-kit] .Heading_headingVariants_size_lg__1aa835k3 { font-size: var(--dapp-kit-fontSizes-large); } [data-dapp-kit].Heading_headingVariants_size_xl__1aa835k4, [data-dapp-kit] .Heading_headingVariants_size_xl__1aa835k4 { font-size: var(--dapp-kit-fontSizes-xlarge); } [data-dapp-kit].Heading_headingVariants_weight_normal__1aa835k5, [data-dapp-kit] .Heading_headingVariants_weight_normal__1aa835k5 { font-weight: var(--dapp-kit-fontWeights-normal); } [data-dapp-kit].Heading_headingVariants_weight_bold__1aa835k6, [data-dapp-kit] .Heading_headingVariants_weight_bold__1aa835k6 { font-weight: var(--dapp-kit-fontWeights-bold); } [data-dapp-kit].Heading_headingVariants_truncate_true__1aa835k7, [data-dapp-kit] .Heading_headingVariants_truncate_true__1aa835k7 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fXzJidjF1cjEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMmJ2MXVyMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fXzJidjF1cjMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fMmJ2MXVyNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fMmJ2MXVyNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfXzJidjF1cjYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fMmJ2MXVyNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9 */ [data-dapp-kit].Text_textVariants_size_sm__2bv1ur1, [data-dapp-kit] .Text_textVariants_size_sm__2bv1ur1 { font-size: var(--dapp-kit-fontSizes-small); } [data-dapp-kit].Text_textVariants_weight_normal__2bv1ur2, [data-dapp-kit] .Text_textVariants_weight_normal__2bv1ur2 { font-weight: var(--dapp-kit-fontWeights-normal); } [data-dapp-kit].Text_textVariants_weight_medium__2bv1ur3, [data-dapp-kit] .Text_textVariants_weight_medium__2bv1ur3 { font-weight: var(--dapp-kit-fontWeights-medium); } [data-dapp-kit].Text_textVariants_weight_bold__2bv1ur4, [data-dapp-kit] .Text_textVariants_weight_bold__2bv1ur4 { font-weight: var(--dapp-kit-fontWeights-bold); } [data-dapp-kit].Text_textVariants_color_muted__2bv1ur5, [data-dapp-kit] .Text_textVariants_color_muted__2bv1ur5 { color: var(--dapp-kit-colors-bodyMuted); } [data-dapp-kit].Text_textVariants_color_danger__2bv1ur6, [data-dapp-kit] .Text_textVariants_color_danger__2bv1ur6 { color: var(--dapp-kit-colors-bodyDanger); } [data-dapp-kit].Text_textVariants_mono_true__2bv1ur7, [data-dapp-kit] .Text_textVariants_mono_true__2bv1ur7 { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } /* vanilla-extract-css-ns:src/components/connect-modal/views/ConnectionStatus.css.ts.vanilla.css?source=LkNvbm5lY3Rpb25TdGF0dXNfY29udGFpbmVyX19uY2ttMmQwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aWR0aDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXRJY29uX19uY2ttMmQxIHsKICBvYmplY3QtZml0OiBjb3ZlcjsKICB3aWR0aDogNzJweDsKICBoZWlnaHQ6IDcycHg7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5Db25uZWN0aW9uU3RhdHVzX3RpdGxlX19uY2ttMmQyIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5Db25uZWN0aW9uU3RhdHVzX2Nvbm5lY3Rpb25TdGF0dXNfX25ja20yZDMgewogIG1hcmdpbi10b3A6IDRweDsKfQouQ29ubmVjdGlvblN0YXR1c19yZXRyeUJ1dHRvbkNvbnRhaW5lcl9fbmNrbTJkNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGJvdHRvbTogMjBweDsKICByaWdodDogMjBweDsKfQ== */ [data-dapp-kit].ConnectionStatus_container__nckm2d0, [data-dapp-kit] .ConnectionStatus_container__nckm2d0 { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; } [data-dapp-kit].ConnectionStatus_walletIcon__nckm2d1, [data-dapp-kit] .ConnectionStatus_walletIcon__nckm2d1 { -o-object-fit: cover; object-fit: cover; width: 72px; height: 72px; border-radius: var(--dapp-kit-radii-large); } [data-dapp-kit].ConnectionStatus_title__nckm2d2, [data-dapp-kit] .ConnectionStatus_title__nckm2d2 { margin-top: 12px; } [data-dapp-kit].ConnectionStatus_connectionStatus__nckm2d3, [data-dapp-kit] .ConnectionStatus_connectionStatus__nckm2d3 { margin-top: 4px; } [data-dapp-kit].ConnectionStatus_retryButtonContainer__nckm2d4, [data-dapp-kit] .ConnectionStatus_retryButtonContainer__nckm2d4 { position: absolute; bottom: 20px; right: 20px; } /*# sourceMappingURL=ConnectionStatus.css.map */