@ape.swap/bonds-sdk 6.2.17 → 6.2.19

package/dist/theme/base.js.map

@@ -1 +0,0 @@
-{"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/colors.d.ts

@@ -1,20 +0,0 @@
-declare const colors: {
-    white1: string;
-    white2: string;
-    white3: string;
-    white4: string;
-    white5: string;
-    primaryButton: string;
-    success: string;
-    error: string;
-    yellow: string;
-    primaryButtonDisable: string;
-    primaryButtonHovered: string;
-    textDisabledButton: string;
-    text: string;
-    textDisabled: string;
-    primaryBright: string;
-    abondGradient: string;
-    modalOverlay: string;
-};
-export default colors;

package/dist/theme/colors.js

@@ -1,25 +0,0 @@
-const colors = {
-    // main background gradients
-    white1: '#0E0D16', // base site background
-    white2: '#161420',
-    white3: '#1F1D29',
-    white4: '#282632',
-    white5: '#312F3A',
-    primaryButton: '#6560C5', //this should've been called just "primary"
-    success: '#38A611',
-    error: '#DF4141',
-    yellow: '#FFB300',
-    // Button colors
-    primaryButtonDisable: '#48475B',
-    primaryButtonHovered: '#8480D1',
-    textDisabledButton: '#73728E',
-    // Text-related colors
-    text: '#FAFAFA',
-    textDisabled: '#424242',
-    primaryBright: '#FAFAFA',
-    abondGradient: 'linear-gradient(98.79deg, #6560C5 -2.37%, #E07753 100%)',
-    modalOverlay: 'rgba(66, 66, 66, 0.5)',
-};
-
-export { colors as default };
-//# sourceMappingURL=colors.js.map

package/dist/theme/colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","sources":["../../src/theme/colors.ts"],"sourcesContent":["const colors = {\n  // main background gradients\n  white1: '#0E0D16', // base site background\n  white2: '#161420',\n  white3: '#1F1D29',\n  white4: '#282632',\n  white5: '#312F3A',\n  primaryButton: '#6560C5', //this should've been called just \"primary\"\n  success: '#38A611',\n  error: '#DF4141',\n  yellow: '#FFB300',\n  // Button colors\n  primaryButtonDisable: '#48475B',\n  primaryButtonHovered: '#8480D1',\n  textDisabledButton: '#73728E',\n  // Text-related colors\n  text: '#FAFAFA',\n  textDisabled: '#424242',\n  primaryBright: '#FAFAFA',\n  abondGradient: 'linear-gradient(98.79deg, #6560C5 -2.37%, #E07753 100%)',\n  modalOverlay: 'rgba(66, 66, 66, 0.5)',\n}\n\nexport default colors\n"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;;IAEb,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,SAAS;AACxB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,MAAM,EAAE,SAAS;;AAEjB,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,kBAAkB,EAAE,SAAS;;AAE7B,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,yDAAyD;AACxE,IAAA,YAAY,EAAE,uBAAuB;;;;;"}

package/dist/theme/components.d.ts

@@ -1,411 +0,0 @@
-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;