@ape.swap/bonds-sdk 6.2.13 → 6.2.14

package/dist/theme/base.d.ts

@@ -0,0 +1,109 @@
+type MediaQueries = {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    xxxl: string;
+    nav: string;
+};
+declare const baseTheme: {
+    breakpoints: string[];
+    space: number[];
+    fontSizes: number[];
+    borderWidths: number[];
+    mediaQueries: MediaQueries;
+    fontWeights: {
+        light: number;
+        normal: number;
+        bold: number;
+    };
+    fonts: {
+        body: string;
+        poppins: string;
+    };
+    radii: {
+        small: string;
+        default: string;
+        normal: string;
+        card: string;
+        circle: string;
+    };
+    zIndices: {
+        dropdown: number;
+        modal: number;
+    };
+    styles: {
+        root: {
+            fontFamily: string;
+            webkitFontSmoothing: string;
+            fontWeight: number;
+            color: string;
+            bg: string;
+            textDecoration: string;
+        };
+        a: {
+            color: string;
+            textDecoration: string;
+            ':hover': {
+                color: string;
+                textDecoration: string;
+            };
+        };
+        nav: {
+            textDecoration: string;
+            breakpoints: string[];
+            a: {
+                textDecoration: string;
+            };
+        };
+        progress: {
+            primary: string;
+            color: string;
+            background: string;
+            height: string;
+        };
+        hr: {
+            background: string;
+            height: string;
+            border: string;
+        };
+        h1: {
+            variant: string;
+            fontSize: string;
+            lineHeight: string;
+        };
+        h2: {
+            variant: string;
+            fontSize: string;
+            lineHeight: string;
+        };
+        h3: {
+            variant: string;
+            fontSize: string;
+            lineHeight: string;
+        };
+        h4: {
+            variant: string;
+            fontSize: string;
+            lineHeight: string;
+        };
+        h5: {
+            variant: string;
+            fontSize: string;
+            lineHeight: string;
+        };
+        banner: {
+            variant: string;
+            fontWeight: string;
+            fontSize: string;
+            lineHeight: string;
+        };
+        input: {
+            fontFamily: string;
+            fontWeight: string;
+        };
+    };
+};
+export default baseTheme;

package/dist/theme/base.js

@@ -0,0 +1,125 @@
+const breakpointMap = {
+    xs: 370,
+    sm: 576,
+    md: 852,
+    lg: 968,
+    xl: 1080,
+    xxl: 1200,
+    xxxl: 1550,
+};
+const mediaQueries = {
+    xs: `@media screen and (min-width: ${breakpointMap.xs}px)`,
+    sm: `@media screen and (min-width: ${breakpointMap.sm}px)`,
+    md: `@media screen and (min-width: ${breakpointMap.md}px)`,
+    lg: `@media screen and (min-width: ${breakpointMap.lg}px)`,
+    xl: `@media screen and (min-width: ${breakpointMap.xl}px)`,
+    xxl: `@media screen and (min-width: ${breakpointMap.xxl}px)`,
+    xxxl: `@media screen and (min-width: ${breakpointMap.xxxl}px)`,
+    nav: `@media screen and (min-width: ${breakpointMap.lg}px)`,
+};
+const baseTheme = {
+    breakpoints: [
+        `${breakpointMap.xs}px`,
+        `${breakpointMap.sm}px`,
+        `${breakpointMap.md}px`,
+        `${breakpointMap.lg}px`,
+        `${breakpointMap.xl}px`,
+        `${breakpointMap.xxl}px`,
+        `${breakpointMap.xxxl}px`,
+    ],
+    space: [0, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],
+    fontSizes: [12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],
+    borderWidths: [0, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],
+    mediaQueries,
+    fontWeights: {
+        light: 400,
+        normal: 600,
+        bold: 700,
+    },
+    fonts: {
+        body: 'Poppins, sans-serif',
+        poppins: 'Poppins',
+    },
+    radii: {
+        small: '6px',
+        default: '16px',
+        normal: '10px',
+        card: '32px',
+        circle: '50%',
+    },
+    zIndices: { dropdown: 10, modal: 102 },
+    styles: {
+        root: {
+            fontFamily: 'body',
+            webkitFontSmoothing: 'antialiasing',
+            fontWeight: 600,
+            color: 'text',
+            bg: 'white1',
+            textDecoration: 'none',
+        },
+        a: {
+            color: 'text',
+            textDecoration: 'none',
+            ':hover': {
+                color: 'secondary',
+                textDecoration: 'underline',
+            },
+        },
+        nav: {
+            textDecoration: 'none',
+            breakpoints: [`@media screen and (min-width: ${breakpointMap.lg}px)`],
+            a: {
+                textDecoration: 'none',
+            },
+        },
+        progress: {
+            primary: 'primary',
+            color: 'green',
+            background: '#DAA628',
+            height: '20px',
+        },
+        hr: {
+            background: 'dividerColor',
+            height: '1px',
+            border: 'none',
+        },
+        h1: {
+            variant: 'text.heading',
+            fontSize: '30px',
+            lineHeight: '45px',
+        },
+        h2: {
+            variant: 'text.heading',
+            fontSize: '25px',
+            lineHeight: '37px',
+        },
+        h3: {
+            variant: 'text.heading',
+            fontSize: '22px',
+            lineHeight: '33px',
+        },
+        h4: {
+            variant: 'text.heading',
+            fontSize: '20px',
+            lineHeight: '30px',
+        },
+        h5: {
+            variant: 'text.heading',
+            fontSize: '16px',
+            lineHeight: '24px',
+        },
+        banner: {
+            variant: 'text.heading',
+            fontWeight: '800',
+            fontSize: '60px',
+            lineHeight: '66px',
+        },
+        input: {
+            fontFamily: 'base',
+            fontWeight: 'base',
+        },
+    },
+};
+
+export { baseTheme as default };
+//# sourceMappingURL=base.js.map

package/dist/theme/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../src/theme/base.ts"],"sourcesContent":["type MediaQueries = {\n  xs: string\n  sm: string\n  md: string\n  lg: string\n  xl: string\n  xxl: string\n  xxxl: string\n  nav: string\n}\n\nconst breakpointMap: { [key: string]: number } = {\n  xs: 370,\n  sm: 576,\n  md: 852,\n  lg: 968,\n  xl: 1080,\n  xxl: 1200,\n  xxxl: 1550,\n}\n\nconst mediaQueries: MediaQueries = {\n  xs: `@media screen and (min-width: ${breakpointMap.xs}px)`,\n  sm: `@media screen and (min-width: ${breakpointMap.sm}px)`,\n  md: `@media screen and (min-width: ${breakpointMap.md}px)`,\n  lg: `@media screen and (min-width: ${breakpointMap.lg}px)`,\n  xl: `@media screen and (min-width: ${breakpointMap.xl}px)`,\n  xxl: `@media screen and (min-width: ${breakpointMap.xxl}px)`,\n  xxxl: `@media screen and (min-width: ${breakpointMap.xxxl}px)`,\n  nav: `@media screen and (min-width: ${breakpointMap.lg}px)`,\n}\n\nconst baseTheme = {\n  breakpoints: [\n    `${breakpointMap.xs}px`,\n    `${breakpointMap.sm}px`,\n    `${breakpointMap.md}px`,\n    `${breakpointMap.lg}px`,\n    `${breakpointMap.xl}px`,\n    `${breakpointMap.xxl}px`,\n    `${breakpointMap.xxxl}px`,\n  ],\n  space: [0, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],\n  fontSizes: [12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],\n  borderWidths: [0, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 48, 64],\n  mediaQueries,\n  fontWeights: {\n    light: 400,\n    normal: 600,\n    bold: 700,\n  },\n  fonts: {\n    body: 'Poppins, sans-serif',\n    poppins: 'Poppins',\n  },\n  radii: {\n    small: '6px',\n    default: '16px',\n    normal: '10px',\n    card: '32px',\n    circle: '50%',\n  },\n  zIndices: { dropdown: 10, modal: 102 },\n  styles: {\n    root: {\n      fontFamily: 'body',\n      webkitFontSmoothing: 'antialiasing',\n      fontWeight: 600,\n      color: 'text',\n      bg: 'white1',\n      textDecoration: 'none',\n    },\n    a: {\n      color: 'text',\n      textDecoration: 'none',\n      ':hover': {\n        color: 'secondary',\n        textDecoration: 'underline',\n      },\n    },\n    nav: {\n      textDecoration: 'none',\n      breakpoints: [`@media screen and (min-width: ${breakpointMap.lg}px)`],\n      a: {\n        textDecoration: 'none',\n      },\n    },\n    progress: {\n      primary: 'primary',\n      color: 'green',\n      background: '#DAA628',\n      height: '20px',\n    },\n    hr: {\n      background: 'dividerColor',\n      height: '1px',\n      border: 'none',\n    },\n    h1: {\n      variant: 'text.heading',\n      fontSize: '30px',\n      lineHeight: '45px',\n    },\n    h2: {\n      variant: 'text.heading',\n      fontSize: '25px',\n      lineHeight: '37px',\n    },\n    h3: {\n      variant: 'text.heading',\n      fontSize: '22px',\n      lineHeight: '33px',\n    },\n    h4: {\n      variant: 'text.heading',\n      fontSize: '20px',\n      lineHeight: '30px',\n    },\n    h5: {\n      variant: 'text.heading',\n      fontSize: '16px',\n      lineHeight: '24px',\n    },\n    banner: {\n      variant: 'text.heading',\n      fontWeight: '800',\n      fontSize: '60px',\n      lineHeight: '66px',\n    },\n    input: {\n      fontFamily: 'base',\n      fontWeight: 'base',\n    },\n  },\n}\n\nexport default baseTheme\n"],"names":[],"mappings":"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"}

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;