UNPKG

@mysten/dapp-kit

Version:

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

178 lines (174 loc) 9.26 kB
/* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTTW8TMRC951fMkR5cJaFIxT1BuXDoiSNC0dSe7g7xjo09bhIQ/x2tm22qtqFU+GLpzdeb5+fTD87FKvopx+TjRq5I6spFEXJKfh9crTzfLn+EOfyaAXSYLJyn7cXs9+z0ufKBpF5GUWShPNUuWu1Pw+Jpa+H9dF7sQof5y9bDc0kBdxZuAm0vZtBu4zmTU45iwcVQBxkjG/baW1icz1PLHHBreuKuVwvL+T2YOxajMVk4u4MSes/S7dd8uDLAdcyessnouRYLt5jfGOMxJbNmbTCbgLmjk5aNbt3lWMUbF0PMTwoOCZdjvBj/QISTv6rzWWmYpHnbpHnMuxbKplAgpxYkCo1grBpY6AA8ERQDd2JYaSgWHIlSfu3m/0r7q0dF03PXh/FZyH9ri7xetpR5wLz7WFWjHCdQNqyu30euHrE5e95f32tRvtkZd+dGCyWhI3NNuiGSo4IdY0AJM2q8/xnv2tTJlot08HTpM8vawvz/nfRlmjpK8wcGoA4K9QMAAA== */ [data-dapp-kit].AccountDropdownMenu_connectedAccount__div2ql0, [data-dapp-kit] .AccountDropdownMenu_connectedAccount__div2ql0 { gap: 8px; } [data-dapp-kit].AccountDropdownMenu_menuContainer__div2ql1, [data-dapp-kit] .AccountDropdownMenu_menuContainer__div2ql1 { z-index: 999999999; } [data-dapp-kit].AccountDropdownMenu_menuContent__div2ql2, [data-dapp-kit] .AccountDropdownMenu_menuContent__div2ql2 { display: flex; flex-direction: column; width: 180px; max-height: 200px; margin-top: 4px; padding: 8px; gap: 8px; border-radius: var(--dapp-kit-radii-large); background-color: var(--dapp-kit-backgroundColors-dropdownMenu); } [data-dapp-kit].AccountDropdownMenu_menuItem__div2ql3, [data-dapp-kit] .AccountDropdownMenu_menuItem__div2ql3 { padding: 8px; -webkit-user-select: none; -moz-user-select: none; user-select: none; outline: none; display: flex; align-items: center; border-radius: var(--dapp-kit-radii-large); } [data-dapp-kit].AccountDropdownMenu_menuItem__div2ql3[data-highlighted], [data-dapp-kit] .AccountDropdownMenu_menuItem__div2ql3[data-highlighted] { background-color: var(--dapp-kit-backgroundColors-primaryButton); } [data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__div2ql4, [data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__div2ql4 { display: flex; justify-content: space-between; align-items: center; } [data-dapp-kit].AccountDropdownMenu_separator__div2ql5, [data-dapp-kit] .AccountDropdownMenu_separator__div2ql5 { height: 1px; flex-shrink: 0; background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator); } /* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9 */ [data-dapp-kit]:where(*), [data-dapp-kit] :where(*) { box-sizing: border-box; color: var(--dapp-kit-colors-body); font-family: var(--dapp-kit-typography-fontFamily); font-size: var(--dapp-kit-fontWeights-normal); font-style: var(--dapp-kit-typography-fontStyle); font-weight: var(--dapp-kit-fontWeights-normal); line-height: var(--dapp-kit-typography-lineHeight); letter-spacing: var(--dapp-kit-typography-letterSpacing); } [data-dapp-kit]:where(button), [data-dapp-kit] :where(button) { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; font-size: inherit; font-family: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; border: 0; padding: 0; margin: 0; } [data-dapp-kit]:where(a), [data-dapp-kit] :where(a) { text-decoration: none; color: inherit; outline: none; } [data-dapp-kit]:where(ol, ul), [data-dapp-kit] :where(ol, ul) { list-style: none; margin: 0; padding: 0; } [data-dapp-kit]:where(h1, h2, h3, h4, h5, h6), [data-dapp-kit] :where(h1, h2, h3, h4, h5, h6) { font-size: inherit; font-weight: inherit; margin: 0; } /* 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/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; } /*# sourceMappingURL=AccountDropdownMenu.css.map */