@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
CSS
/* 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 */