@ape.swap/bonds-sdk 6.2.13-test.3 → 6.2.14

package/dist/theme/components.d.ts

@@ -0,0 +1,411 @@
+declare const components: {
+    text: {
+        heading: {
+            fontFamily: string;
+            fontWeight: string;
+        };
+        lg: {
+            fontSize: number;
+            lineHeight: string;
+        };
+        md: {
+            fontSize: number;
+            lineHeight: string;
+        };
+        sm: {
+            fontSize: number;
+            lineHeight: string;
+        };
+    };
+    input: {
+        fontFamily: string;
+        fontWeight: number;
+        sm: {
+            background: string;
+            borderRadius: string;
+            height: string;
+            width: string;
+        };
+        md: {
+            background: string;
+            borderRadius: string;
+            height: string;
+            width: string;
+        };
+        lg: {
+            background: string;
+            borderRadius: string;
+            height: string;
+            width: string;
+        };
+    };
+    textarea: {
+        padding: string;
+        borderRadius: string;
+        border: string;
+        fontWeight: string;
+        background: string;
+        resize: string;
+        color: string;
+        '&:focus': {
+            outline: string;
+        };
+    };
+    checkbox: {
+        background: string;
+        borderRadius: string;
+        borderWidth: string;
+        borderStyle: string;
+        borderColor: string;
+        boxShadow: string;
+        outline: string;
+        appearance: string;
+        width: string;
+        height: string;
+        margin: string;
+        cursor: string;
+        '& + svg': {
+            display: string;
+            position: string;
+            pointerEvents: string;
+            top: string;
+            left: string;
+            bottom: string;
+            right: string;
+            margin: string;
+        };
+        '&:checked ': {
+            background: string;
+            borderColor: string;
+            '& + svg': {
+                display: string;
+            };
+        };
+        '&:focus:not(:checked)': {
+            outline: string;
+            boxShadow: string;
+        };
+        '&:focus': {
+            outline: string;
+            boxShadow: string;
+        };
+        '&:hover:not(:disabled):not(:checked)': {
+            borderColor: string;
+            boxShadow: string;
+        };
+    };
+    radio: {
+        background: string;
+        borderRadius: string;
+        borderWidth: string;
+        borderStyle: string;
+        borderColor: string;
+        boxShadow: string;
+        outline: string;
+        appearance: string;
+        width: string;
+        height: string;
+        margin: string;
+        cursor: string;
+        '& + span': {
+            display: string;
+            position: string;
+            pointerEvents: string;
+            top: string;
+            left: string;
+            bottom: string;
+            right: string;
+            margin: string;
+            backgroundColor: string;
+            borderRadius: string;
+        };
+        '&:checked ': {
+            background: string;
+            borderColor: string;
+            '& + span': {
+                display: string;
+            };
+        };
+        '&:focus': {
+            outline: string;
+            boxShadow: string;
+        };
+        '&:hover:not(:disabled):not(:checked)': {
+            borderColor: string;
+        };
+    };
+    label: {
+        inline: {
+            display: string;
+            alignItems: string;
+            columnGap: number;
+        };
+    };
+    borders: {
+        primaryButton: string;
+        primaryBtnDisable: string;
+        secondaryButton: string;
+        secondaryButtonDisable: string;
+        mode: {
+            dark: {
+                secondaryButtonDisable: string;
+            };
+        };
+    };
+    buttons: {
+        primary: {
+            background: string;
+            border: string;
+            color: string;
+            '&:disabled': {
+                cursor: string;
+                background: string;
+                color: string;
+                border: string;
+                opacity: number;
+            };
+            '&:hover': {
+                '&:not([disabled])': {
+                    borderColor: string;
+                    background: string;
+                };
+                '&:disabled': {};
+            };
+            padding: string;
+            fontSize: string;
+            fontFamily: string;
+            cursor: string;
+            fontWeight: number;
+            display: string;
+            alignItems: string;
+            '&&': {
+                borderRadius: string;
+            };
+        };
+        secondary: {
+            background: string;
+            border: string;
+            color: string;
+            '&:disabled': {
+                cursor: string;
+                background: string;
+                color: string;
+                border: string;
+            };
+            '&&:hover': {
+                '&:not([disabled])': {
+                    borderColor: string;
+                };
+                '&:disabled': {};
+            };
+            padding: string;
+            fontSize: string;
+            fontFamily: string;
+            cursor: string;
+            fontWeight: number;
+            display: string;
+            alignItems: string;
+            '&&': {
+                borderRadius: string;
+            };
+        };
+        tertiary: {
+            background: string;
+            border: string;
+            color: string;
+            '&:disabled': {
+                cursor: string;
+                background: string;
+                color: string;
+            };
+            '&:hover': {
+                '&:not([disabled])': {
+                    background: string;
+                };
+                '&:disabled': {};
+            };
+            padding: string;
+            fontSize: string;
+            fontFamily: string;
+            cursor: string;
+            fontWeight: number;
+            display: string;
+            alignItems: string;
+            '&&': {
+                borderRadius: string;
+            };
+        };
+        text: {
+            background: string;
+            color: string;
+            '&:hover': {
+                '&:not([disabled])': {
+                    color: string;
+                };
+                '&:disabled': {};
+            };
+            '&:disabled': {
+                cursor: string;
+                background: string;
+                color: string;
+            };
+            padding: string;
+            fontSize: string;
+            fontFamily: string;
+            cursor: string;
+            fontWeight: number;
+            display: string;
+            alignItems: string;
+            '&&': {
+                borderRadius: string;
+            };
+        };
+        success: {
+            background: string;
+            color: string;
+            '&:disabled': {
+                cursor: string;
+                background: string;
+                color: string;
+            };
+            '&:hover': {
+                '&:not([disabled])': {
+                    background: string;
+                };
+                '&:disabled': {};
+            };
+            padding: string;
+            fontSize: string;
+            fontFamily: string;
+            cursor: string;
+            fontWeight: number;
+            display: string;
+            alignItems: string;
+            '&&': {
+                borderRadius: string;
+            };
+        };
+        danger: {
+            background: string;
+            color: string;
+            '&:disabled': {
+                cursor: string;
+                background: string;
+                color: string;
+            };
+            '&:hover': {
+                '&:not([disabled])': {
+                    background: string;
+                };
+                '&:disabled': {};
+            };
+            padding: string;
+            fontSize: string;
+            fontFamily: string;
+            cursor: string;
+            fontWeight: number;
+            display: string;
+            alignItems: string;
+            '&&': {
+                borderRadius: string;
+            };
+        };
+        circular: {
+            width: string;
+            height: string;
+            background: string;
+            borderRadius: string;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            overflow: string;
+            cursor: string;
+            padding: string;
+            transition: string;
+            '&:hover': {
+                filter: string;
+            };
+            '&:active': {
+                transform: string;
+            };
+        };
+    };
+    cards: {
+        primary: {
+            background: string;
+            borderRadius: string;
+        };
+    };
+    flex: {
+        dexContainer: {
+            width: string;
+            maxWidth: string;
+            height: string;
+            background: string;
+            padding: string[];
+            borderRadius: string;
+            flexDirection: string;
+        };
+        v3SubDexContainer: {
+            width: string;
+            maxWidth: string;
+            height: string;
+            background: string;
+            padding: string[];
+            borderRadius: string;
+            margin: string;
+            flexDirection: string;
+        };
+        navContainer: {
+            height: string;
+            padding: string;
+            background: string;
+            borderRadius: string;
+            alignItems: string;
+            cursor: string;
+            transition: string;
+            '&:hover': {
+                filter: string;
+            };
+            '&:active': {
+                transform: string;
+            };
+        };
+        link: {
+            cursor: string;
+            textDecoration: string;
+            display: string;
+            '::after': {
+                content: string;
+                position: string;
+                background: string;
+                left: string;
+                bottom: string;
+                height: string;
+                width: string;
+                borderRadius: string;
+                transform: string;
+                transformOrigin: string;
+                transition: string;
+                backfaceVisibility: string;
+            };
+            ':hover::after': {
+                transform: string;
+                transformOrigin: string;
+            };
+        };
+        tag: {
+            padding: string;
+            borderRadius: string;
+            alignItems: string;
+            justifyContent: string;
+        };
+    };
+    switch: {
+        backgroundColor: string;
+        'input:checked ~ &': {
+            backgroundColor: string;
+        };
+    };
+};
+export default components;