@ape.swap/bonds-sdk 1.0.206 → 1.0.207

package/dist/components/BondModal/BondModal.js

@@ -17,14 +17,12 @@ import { useWeb3React } from '@web3-react/core';
 import { defaultTheme } from '../../theme';
 import '../../scss/BondModal.scss';
 import getTimePeriods from '../../utils/getTimePeriods';
-import { Button } from '../uikit/Button';
-import Svg from '../uikit/Svg';
 import axios from 'axios';
 import { BigNumber } from 'bignumber.js';
 import { getFirstNonZeroDigits } from '../../utils/roundNumber';
 import { useNavigate } from 'react-router-dom';
 import { isNumber } from '../../utils/numbers';
-import TooltipBubble from '../uikit-sdk/TooltipBubble';
+import { TooltipBubble, Button, Svg } from '../uikit-sdk';
 import { TooltipText } from '../../enum/tooltips';
 var BondModal = function (_a) {
     var isOpen = _a.isOpen, onClose = _a.onClose, bondAddress = _a.bondAddress;

package/dist/components/BondSingle/BondSingle.js

@@ -17,14 +17,12 @@ import { useWeb3React } from '@web3-react/core';
 import { defaultTheme } from '../../theme';
 import '../../scss/BondSingle.scss';
 import getTimePeriods from '../../utils/getTimePeriods';
-import { Button } from '../uikit/Button';
-import Svg from '../uikit/Svg';
 import axios from 'axios';
 import { BigNumber } from 'bignumber.js';
 import { getFirstNonZeroDigits } from '../../utils/roundNumber';
 import { useParams } from 'react-router-dom';
 import { isNumber } from '../../utils/numbers';
-import TooltipBubble from '../uikit-sdk/TooltipBubble';
+import { Button, Svg, TooltipBubble } from '../uikit-sdk';
 import { TooltipText } from '../../enum/tooltips';
 var BondSingle = function (_a) {
     var billAddress = useParams().billAddress;

package/dist/components/Bonds/Bonds.js

@@ -55,7 +55,6 @@ import { useWeb3React } from '@web3-react/core';
 import { useSearchParams, useNavigate } from 'react-router-dom';
 import getTimePeriods from '../../utils/getTimePeriods';
 import { defaultTheme } from '../../theme';
-import Svg from '../uikit/Svg';
 import '../../scss/Bonds.scss';
 import { BigNumber } from 'bignumber.js';
 import { ChainId } from '../../enum/chains';
@@ -63,7 +62,7 @@ import ProgressBarWrapper from '../ProgressBar/ProgressBarWrapper';
 import ProgressBar from '../ProgressBar/ProgressBar';
 import { formatDollar, formatValue } from '../../utils/formatNumbers';
 import { TooltipText } from '../../enum/tooltips';
-import TooltipBubble from '../uikit-sdk/TooltipBubble';
+import { TooltipBubble, Svg } from '../uikit-sdk';
 import Tooltip from '../Tooltip/Tooltip';
 import { BLOCK_EXPLORER } from '../../config/constants/chains';
 var Bonds = function (_a) {

package/dist/components/ProgressBar/ProgressBarWrapper.js

@@ -12,10 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import React from 'react';
 import { styles } from './styles';
-import Flex from '../uikit-sdk/Flex';
-import Text from '../uikit-sdk/Text';
-import TooltipBubble from '../uikit-sdk/TooltipBubble';
-import Skeleton from '../uikit-sdk/Skeleton';
+import { Flex, Text, TooltipBubble, Skeleton } from '../uikit-sdk';
 var ProgressBarWrapper = function (_a) {
     var title = _a.title, value = _a.value, style = _a.style, showTooltip = _a.showTooltip, toolTipPlacement = _a.toolTipPlacement, toolTipTransform = _a.toolTipTransform, toolTip = _a.toolTip;
     return (_jsxs(Flex, __assign({ sx: style }, { children: [_jsx(Flex, __assign({ sx: { alignItems: 'center' } }, { children: _jsx(Text, __assign({ sx: styles.titleText }, { children: "".concat(title) })) })), showTooltip ? (_jsx(Flex, __assign({ sx: { alignItems: 'center', width: '100%' } }, { children: _jsx(TooltipBubble, __assign({ placement: toolTipPlacement, transformTip: toolTipTransform, body: _jsx(Flex, __assign({ sx: { justifyContent: 'center' } }, { children: toolTip })), width: "250px" }, { children: _jsx(Flex, __assign({ sx: { justifyContent: 'center', alignItems: 'center', width: '127px' } }, { children: value ? value : _jsx(Skeleton, { sx: styles.skeleton }) })) })) }))) : (_jsx(Flex, __assign({ sx: { justifyContent: 'center', alignItems: 'center' } }, { children: value ? value : _jsx(Skeleton, { sx: styles.skeleton }) })))] })));

package/dist/components/Tooltip/Tooltip.js

@@ -14,8 +14,7 @@ import { useTranslation } from '../../contexts/Localization';
 import { styles } from './styles';
 import { BLOCK_EXPLORER } from '../../config/constants/chains';
 import ButtonsRow from './ButtonsRow';
-import { Flex, Link, Text } from '../uikit-sdk';
-import { Svg } from '../uikit';
+import { Flex, Link, Text, Svg } from '../uikit-sdk';
 var Tooltip = function (_a) {
     var valueTitle = _a.valueTitle, valueContent = _a.valueContent, value2Title = _a.value2Title, value2Content = _a.value2Content, tokenContract = _a.tokenContract, secondURL = _a.secondURL, secondURLTitle = _a.secondURLTitle, projectLink = _a.projectLink, twitter = _a.twitter, audit = _a.audit, thirdURL = _a.thirdURL, thirdURLTitle = _a.thirdURLTitle, chain = _a.chain;
     var t = useTranslation().t;

package/dist/components/uikit/Input/Input.js

@@ -22,9 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
 import { Input as ThemeInput, Spinner } from 'theme-ui';
-import { Text } from '../../uikit';
-import Flex from '../Flex';
-import Svg from '../Svg';
+import { Text, Flex, Svg } from '../../uikit';
 var colorScheme = {
     default: 'gray',
     error: 'red',

package/dist/components/uikit-sdk/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ButtonProps } from './types';
+declare const Button: ({ variant, size, load, children, startIcon, endIcon, fullWidth, disabled, ...props }: ButtonProps) => React.JSX.Element;
+export default Button;

package/dist/components/uikit-sdk/Button/Button.js

@@ -0,0 +1,91 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
+import React from 'react';
+import { Button as ThemeUIButton, Spinner } from 'theme-ui';
+import { variants, buttonFontSizes, buttonPadding, sizes, buttonLineHeight } from './types';
+var Button = function (_a) {
+    var _b = _a.variant, variant = _b === void 0 ? variants.PRIMARY : _b, _c = _a.size, size = _c === void 0 ? sizes.MEDIUM : _c, load = _a.load, children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, fullWidth = _a.fullWidth, disabled = _a.disabled, props = __rest(_a, ["variant", "size", "load", "children", "startIcon", "endIcon", "fullWidth", "disabled"]);
+    var hoverStyle = {
+        '&:hover': {
+            '&:not([disabled])': {
+                borderColor: 'var(--theme-ui-colors-primaryButtonHovered)',
+                background: variant === 'primary' && 'var(--theme-ui-colors-primaryButtonHovered)',
+                opacity: 1,
+            },
+            '&:disabled': {},
+        },
+    };
+    if (variant === 'secondary') {
+        hoverStyle = {
+            '&:hover': {
+                '&:not([disabled])': hoverStyle['&:hover']['&:not([disabled])'],
+                '&:disabled': {
+                    color: 'secondaryButtonDisableColor',
+                    borderColor: 'secondaryButtonDisable',
+                    opacity: 0.6,
+                },
+            },
+        };
+    }
+    if (variant === 'tertiary') {
+        hoverStyle = {
+            '&:hover': {
+                '&:not([disabled])': {
+                    borderColor: 'primaryBtnDisable',
+                    background: 'white4',
+                    opacity: 1,
+                },
+                '&:disabled': {},
+            },
+        };
+    }
+    if (variant === 'success') {
+        hoverStyle = {
+            '&:hover': {
+                '&:not([disabled])': {
+                    borderColor: 'hoveredSuccess',
+                    background: 'hoveredSuccess',
+                    opacity: 1,
+                },
+                '&:disabled': {},
+            },
+        };
+    }
+    if (variant === 'danger') {
+        hoverStyle = {
+            '&:hover': {
+                '&:not([disabled])': {
+                    borderColor: 'hoveredDanger',
+                    background: 'hoveredDanger',
+                    opacity: 1,
+                },
+                '&:disabled': {},
+            },
+        };
+    }
+    return (_jsxs(ThemeUIButton, __assign({ variant: variant, disabled: disabled, sx: __assign(__assign({ variant: "buttons.".concat(variant), textTransform: 'uppercase', fontSize: buttonFontSizes[size], lineHeight: buttonLineHeight[size], px: buttonPadding[size].x, py: buttonPadding[size].y, display: 'flex', justifyContent: 'center', transition: 'all .3s linear', '&:active': {
+                transform: 'scale(0.9)',
+            } }, hoverStyle), { width: fullWidth ? '100%' : 'max-content' }) }, props, { children: [React.isValidElement(startIcon) && React.cloneElement(startIcon), children, " ", load && _jsx(Spinner, { size: 16, ml: "5px" }), React.isValidElement(endIcon) && React.cloneElement(endIcon)] })));
+};
+export default Button;

package/dist/components/uikit-sdk/Button/IconButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconButtonProps } from './types';
+declare const IconButton: React.FC<IconButtonProps>;
+export default IconButton;

package/dist/components/uikit-sdk/Button/IconButton.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "theme-ui/jsx-runtime";
+import { Button } from 'theme-ui';
+import Svg from '../Svg';
+import { icons } from '../Svg/types';
+import { iconButtonVariants as variants } from './types';
+import style from './styles';
+var IconButton = function (_a) {
+    var _b = _a.icon, icon = _b === void 0 ? icons.DISCORD : _b, _c = _a.color, color = _c === void 0 ? 'white1' : _c, _d = _a.background, background = _d === void 0 ? 'yellow' : _d, _e = _a.variant, variant = _e === void 0 ? variants.PRIMARY : _e, iconWidth = _a.iconWidth, children = _a.children, props = __rest(_a, ["icon", "color", "background", "variant", "iconWidth", "children"]);
+    return (_jsx(Button, __assign({}, props, { variant: variant, sx: __assign(__assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', position: 'relative', variant: "buttons.".concat(variant), color: 'primaryBright', background: background }, (variant === variants.PRIMARY ? style.primary : {})), (variant === variants.TRANSPARENT ? style.transparent : {})) }, { children: children || (_jsx("span", __assign({ sx: { height: iconWidth, width: iconWidth } }, { children: _jsx(Svg, __assign({ color: color, icon: icon }, props, { width: iconWidth })) }))) })));
+};
+export default IconButton;

package/dist/components/uikit-sdk/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from './Button';
+export { default as IconButton } from './IconButton';

package/dist/components/uikit-sdk/Button/index.js

@@ -0,0 +1,2 @@
+export { default as Button } from './Button';
+export { default as IconButton } from './IconButton';

package/dist/components/uikit-sdk/Button/styles.d.ts

@@ -0,0 +1,3 @@
+import { ThemeUIStyleObject } from 'theme-ui';
+declare const styles: Record<string, ThemeUIStyleObject>;
+export default styles;

package/dist/components/uikit-sdk/Button/styles.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var defaultStyle = {
+    cursor: 'pointer',
+    color: 'primaryBright',
+    border: 'none',
+    transition: 'all .3s linear',
+    '&:hover': {
+        filter: 'brightness(115%)',
+    },
+    '&:active': {
+        transform: 'scale(0.9)',
+    },
+};
+var styles = {
+    primary: __assign({}, defaultStyle),
+    transparent: __assign(__assign({}, defaultStyle), { backgroundColor: 'transparent', backgroundRepeat: 'no-repeat', padding: '0px', border: 'none', cursor: 'pointer', svg: {
+            background: 'transparent',
+        } }),
+};
+export default styles;

package/dist/components/uikit-sdk/Button/types.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+import { ButtonProps as ThemeUIButtonProps } from 'theme-ui';
+import { iconTypes } from '../Svg/types';
+export declare enum sizes {
+    SMALL = "sm",
+    MEDIUM = "md",
+    LARGE = "lg"
+}
+export declare const buttonFontSizes: Record<sizes | any, string>;
+export declare const buttonLineHeight: Record<sizes | any, string>;
+export declare const buttonPadding: Record<sizes | any, {
+    x: number;
+    y: number;
+}>;
+export declare enum variants {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary",
+    TEXT = "text",
+    SUCCESS = "success",
+    DANGER = "danger"
+}
+export declare enum iconButtonVariants {
+    PRIMARY = "primary",
+    TRANSPARENT = "transparent",
+    CIRCULAR = "circular"
+}
+export type sizeProps = `${sizes}`;
+export type variantProps = `${variants}`;
+export type iconButtonVariantsProps = `${iconButtonVariants}`;
+export interface ButtonProps extends Omit<ThemeUIButtonProps, 'sx'> {
+    variant?: variantProps;
+    size?: sizeProps;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    fullWidth?: boolean;
+    load?: boolean;
+    [key: string]: any;
+}
+export interface IconButtonProps extends Omit<ButtonProps, 'variant'> {
+    variant?: iconButtonVariantsProps;
+    color?: string;
+    background?: string;
+    icon?: iconTypes;
+    iconWidth?: number;
+}

package/dist/components/uikit-sdk/Button/types.js

@@ -0,0 +1,37 @@
+var _a, _b, _c;
+export var sizes;
+(function (sizes) {
+    sizes["SMALL"] = "sm";
+    sizes["MEDIUM"] = "md";
+    sizes["LARGE"] = "lg";
+})(sizes || (sizes = {}));
+export var buttonFontSizes = (_a = {},
+    _a[sizes.SMALL] = '12px',
+    _a[sizes.MEDIUM] = '16px',
+    _a[sizes.LARGE] = '18px',
+    _a);
+export var buttonLineHeight = (_b = {},
+    _b[sizes.SMALL] = '10px',
+    _b[sizes.MEDIUM] = '24px',
+    _b[sizes.LARGE] = '33px',
+    _b);
+export var buttonPadding = (_c = {},
+    _c[sizes.SMALL] = { x: 5, y: 2 },
+    _c[sizes.MEDIUM] = { x: 7, y: 3 },
+    _c[sizes.LARGE] = { x: 10, y: 6 },
+    _c);
+export var variants;
+(function (variants) {
+    variants["PRIMARY"] = "primary";
+    variants["SECONDARY"] = "secondary";
+    variants["TERTIARY"] = "tertiary";
+    variants["TEXT"] = "text";
+    variants["SUCCESS"] = "success";
+    variants["DANGER"] = "danger";
+})(variants || (variants = {}));
+export var iconButtonVariants;
+(function (iconButtonVariants) {
+    iconButtonVariants["PRIMARY"] = "primary";
+    iconButtonVariants["TRANSPARENT"] = "transparent";
+    iconButtonVariants["CIRCULAR"] = "circular";
+})(iconButtonVariants || (iconButtonVariants = {}));

package/dist/components/uikit-sdk/index.d.ts

@@ -4,3 +4,4 @@ export { default as Text } from './Text';
 export { default as Skeleton } from './Skeleton';
 export { default as TooltipBubble } from './TooltipBubble';
 export { default as Link } from './Link';
+export { Button, IconButton } from './Button';

package/dist/components/uikit-sdk/index.js

@@ -5,3 +5,5 @@ export { default as Text } from './Text';
 export { default as Skeleton } from './Skeleton';
 export { default as TooltipBubble } from './TooltipBubble';
 export { default as Link } from './Link';
+// Exports
+export { Button, IconButton } from './Button';

package/dist/config/constants/chains.d.ts

@@ -1,4 +1,4 @@
-import { icons } from '../../components/uikit/Svg/types';
+import { icons } from '../../components/uikit-sdk/Svg/types';
 export declare const AVERAGE_L1_BLOCK_TIME = 12000;
 export declare enum ChainId {
     MAINNET = 1,

package/dist/config/constants/chains.js

@@ -1,6 +1,6 @@
 var _a, _b, _c, _d, _e;
 // Network chain ids
-import { icons } from '../../components/uikit/Svg/types';
+import { icons } from '../../components/uikit-sdk/Svg/types';
 import { APESWAP_LIST_REPO } from './lists';
 export var AVERAGE_L1_BLOCK_TIME = 12000;
 //This is the list of supported EVM chains

package/dist/contexts/ModalContext.js

@@ -19,7 +19,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { jsx as _jsx, jsxs as _jsxs } from "theme-ui/jsx-runtime";
-import { Flex } from '../components/uikit';
+import { Flex } from '../components/uikit-sdk';
 import React, { createContext, useState } from 'react';
 export var Context = createContext({
     nodeId: [],

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "1.0.206",
+  "version": "1.0.207",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",