tek-wallet 0.0.806 → 0.0.808

package/dist/components/TekWallet/components/ui/DetailSwap/index.js

@@ -16,32 +16,32 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var providers_1 = require("../../../providers");
+var mui_1 = require("../../../theme/mui");
 var LineValue_1 = __importDefault(require("../LineValue"));
 var Text_1 = __importDefault(require("../Text"));
 var DetailSwap = function (props) {
     var _a, _b;
-    var theme = (0, providers_1.useTheme)();
+    var theme = (0, mui_1.useTheme)();
     var getOutputID = props.selectOutputToken &&
         ((_a = props.selectedToken) === null || _a === void 0 ? void 0 : _a.outputs.find(function (output) { var _a; return output.id === Number((_a = props.selectOutputToken) === null || _a === void 0 ? void 0 : _a.id); }));
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.column), className: "gap-3 mt-2", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(Text_1.default, { className: "capitalize opacity-90", sx: {
-                        color: theme.palette.text.accent2,
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.styleMixins.column), className: "gap-3 mt-2", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(Text_1.default, { className: "capitalize opacity-90", sx: {
+                        color: theme.palette.text.secondary,
                         fontSize: theme.typography.fontSize13,
                         fontWeight: theme.typography.fontWeight400,
                     }, children: "Transaction summary" }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                        color: theme.palette.text.accent,
+                        color: theme.palette.text.secondary,
                         fontSize: theme.typography.fontSize12,
                         fontWeight: theme.typography.fontWeight400,
-                    }, children: "Best Price" }), value: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
-                            color: theme.palette.text.blackContrast,
+                    }, children: "Best Price" }), value: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g4 }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
+                            color: theme.palette.text.primary,
                             fontSize: theme.typography.fontSize12,
                             fontWeight: theme.typography.fontWeight500,
                         }, children: ["1 ", (_b = props.selectedToken) === null || _b === void 0 ? void 0 : _b.full_name, " ~ ", getOutputID === null || getOutputID === void 0 ? void 0 : getOutputID.swap_amount, " ", getOutputID && getOutputID.full_name] }) }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                        color: theme.palette.text.accent,
+                        color: theme.palette.text.secondary,
                         fontSize: theme.typography.fontSize12,
                         fontWeight: theme.typography.fontWeight400,
                     }, className: "capitalize", children: "Powered by" }), value: (0, jsx_runtime_1.jsx)(Text_1.default, { className: "truncate", sx: {
-                        color: theme.palette.text.blackContrast,
+                        color: theme.palette.text.primary,
                         fontSize: theme.typography.fontSize12,
                         fontWeight: theme.typography.fontWeight500,
                     }, children: "Liquidity Protocol" }) })] }));

package/dist/components/TekWallet/components/ui/DialogContentLayout/index.js

@@ -27,15 +27,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+var mui_1 = require("../../../theme/mui");
 var Text_1 = __importDefault(require("../Text"));
 function DialogContentLayout(props) {
     var content = props.content, actions = props.actions, sx = props.sx, rest = __rest(props, ["content", "actions", "sx"]);
-    var theme = (0, ThemeProvider_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: __assign(__assign(__assign(__assign({}, theme.mixins.column), { borderRadius: theme.mixins.customRadius.r12, backgroundColor: theme.palette.background.black, boxShadow: theme.shadows[1], minWidth: "12rem" }), theme.mixins.dialogContent), sx) }, rest, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                    padding: theme.mixins.customPadding.p12,
-                }, children: content }), !!actions && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%", height: "1px", backgroundColor: theme.palette.border.white16 } })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                    px: theme.mixins.customPadding.p12,
+    var theme = (0, mui_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: __assign(__assign(__assign(__assign({}, theme.styleMixins.column), { borderRadius: theme.styleMixins.customRadius.r12, backgroundColor: "background.popover", boxShadow: theme.shadows[1], minWidth: "12rem" }), theme.styleMixins.dialogContent), sx) }, rest, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                    padding: theme.styleMixins.customPadding.p12,
+                }, children: content }), !!actions && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%", height: "1px", backgroundColor: theme.palette.divider } })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                    px: theme.styleMixins.customPadding.p12,
                     width: "100%",
                     height: "fit-content",
                 }, children: actions })] })));

package/dist/components/TekWallet/components/ui/DrawerDrag/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DRAWER_DIRECTION = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var providers_1 = require("../../../providers");
+var mui_1 = require("../../../theme/mui");
 var DRAWER_DIRECTION;
 (function (DRAWER_DIRECTION) {
     DRAWER_DIRECTION["TOP"] = "top";
@@ -13,13 +13,13 @@ var DRAWER_DIRECTION;
 })(DRAWER_DIRECTION || (exports.DRAWER_DIRECTION = DRAWER_DIRECTION = {}));
 var DrawerDrag = function (_a) {
     var anchor = _a.anchor, open = _a.open, onClose = _a.onClose, onOpen = _a.onOpen, content = _a.content, title = _a.title, footer = _a.footer, sx = _a.sx;
-    var theme = (0, providers_1.useTheme)();
+    var theme = (0, mui_1.useTheme)();
     return ((0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, { anchor: anchor || DRAWER_DIRECTION.BOTTOM, open: open, onClose: onClose || (function () { }), onOpen: onOpen, sx: sx
             ? sx
             : {
                 "& .MuiDrawer-paper": {
                     backgroundColor: "transparent",
                 },
-            }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "\n          \"w-full border-t border-".concat(theme.palette.border.accent3, " bg-").concat(theme.palette.background.tertiary, " blur-[50px]\",\n          className,\n          ").concat(anchor === DRAWER_DIRECTION.BOTTOM && "min-h-[33dvh]", "\n        "), children: [title, content, footer] }) }));
+            }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "\n          \"w-full border-t border-".concat(theme.palette.divider, " bg-").concat(theme.palette.background.tertiary, " blur-[50px]\",\n          className,\n          ").concat(anchor === DRAWER_DIRECTION.BOTTOM && "min-h-[33dvh]", "\n        "), children: [title, content, footer] }) }));
 };
 exports.default = DrawerDrag;

package/dist/components/TekWallet/components/ui/EmptyData/index.js

@@ -16,11 +16,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+var mui_1 = require("../../../theme/mui");
 var Text_1 = __importDefault(require("../Text"));
 var Button_1 = __importDefault(require("../Button"));
 function EmptyData(props) {
-    var theme = (0, ThemeProvider_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16, alignItems: "center", justifyContent: "center" }), props.sx), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 62, height: 62 }, children: (0, jsx_runtime_1.jsxs)("svg", { width: "63", height: "62", viewBox: "0 0 63 62", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M46.0312 23.25H21.7544C21.4638 23.25 21.1925 23.1241 21.0084 22.9012L17.3272 18.4837C16.775 17.8153 15.9612 17.4375 15.0991 17.4375H5.34375C3.74531 17.4375 2.4375 18.7453 2.4375 20.3438V59.0938C2.4375 59.4231 2.61188 59.7331 2.89281 59.9172C3.04781 60.0141 3.23188 60.0625 3.40625 60.0625C3.55156 60.0625 3.68719 60.0334 3.82281 59.9656L48.3853 38.6531C48.7244 38.4884 48.9375 38.1494 48.9375 37.7812V26.1562C48.9375 24.5578 47.6297 23.25 46.0312 23.25Z", fill: "#A3A3A3" }), (0, jsx_runtime_1.jsx)("path", { d: "M60.2912 37.7522C59.9425 37.1613 59.3225 36.8125 58.6347 36.8125H15.535C14.8278 36.8125 14.1787 37.2 13.8397 37.8297L2.55373 58.6287C2.38904 58.9291 2.39873 59.2972 2.5731 59.5878C2.74748 59.8784 3.06717 60.0625 3.40623 60.0625H46.9709C48.3853 60.0625 49.6834 59.2875 50.3615 58.0378L60.3203 39.6703C60.6497 39.06 60.64 38.3431 60.2815 37.7522H60.2912Z", fill: "#044C2F" }), (0, jsx_runtime_1.jsx)("path", { d: "M27.625 50.375H16.9688C16.4359 50.375 16 49.9391 16 49.4062C16 48.8734 16.4359 48.4375 16.9688 48.4375H27.625C28.1578 48.4375 28.5938 48.8734 28.5938 49.4062C28.5938 49.9391 28.1578 50.375 27.625 50.375Z", fill: "#ECF4E9" }), (0, jsx_runtime_1.jsx)("path", { d: "M31.5 55.2188H14.0625C13.5297 55.2188 13.0938 54.7828 13.0938 54.25C13.0938 53.7172 13.5297 53.2812 14.0625 53.2812H31.5C32.0328 53.2812 32.4688 53.7172 32.4688 54.25C32.4688 54.7828 32.0328 55.2188 31.5 55.2188Z", fill: "#ECF4E9" }), (0, jsx_runtime_1.jsx)("path", { d: "M39.25 1.9375C31.7713 1.9375 25.6875 8.02125 25.6875 15.5C25.6875 21.7969 30.0663 27.2897 36.1597 28.7041L38.4169 32.4628C38.5912 32.7534 38.9109 32.9375 39.25 32.9375C39.5891 32.9375 39.9088 32.7631 40.0831 32.4628L42.3403 28.7041C48.4337 27.2897 52.8125 21.7969 52.8125 15.5C52.8125 8.02125 46.7288 1.9375 39.25 1.9375Z", fill: "#E5E6E6" }), (0, jsx_runtime_1.jsx)("path", { d: "M44.7817 9.96891C44.4039 9.59109 43.7936 9.59109 43.4158 9.96891L39.2598 14.1248L35.1039 9.96891C34.7261 9.59109 34.1158 9.59109 33.7379 9.96891C33.3601 10.3467 33.3601 10.957 33.7379 11.3348L37.8939 15.4908L33.7379 19.6467C33.3601 20.0245 33.3601 20.6348 33.7379 21.0127C33.9317 21.2064 34.1739 21.2936 34.4258 21.2936C34.6776 21.2936 34.9198 21.1967 35.1136 21.0127L39.2695 16.8567L43.4254 21.0127C43.6192 21.2064 43.8614 21.2936 44.1133 21.2936C44.3651 21.2936 44.6073 21.1967 44.8011 21.0127C45.1789 20.6348 45.1789 20.0245 44.8011 19.6467L40.6451 15.4908L44.8011 11.3348C45.1789 10.957 45.1789 10.3467 44.8011 9.96891H44.7817Z", fill: "#044C2F" })] }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: props.title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: props.description })] }), props.action && (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: props.action, children: props.actionText })] }));
+    var theme = (0, mui_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g16, alignItems: "center", justifyContent: "center", color: theme.palette.primary.main }), props.sx), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 62, height: 62 }, children: (0, jsx_runtime_1.jsxs)("svg", { width: "63", height: "62", viewBox: "0 0 63 62", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M46.0312 23.25H21.7544C21.4638 23.25 21.1925 23.1241 21.0084 22.9012L17.3272 18.4837C16.775 17.8153 15.9612 17.4375 15.0991 17.4375H5.34375C3.74531 17.4375 2.4375 18.7453 2.4375 20.3438V59.0938C2.4375 59.4231 2.61188 59.7331 2.89281 59.9172C3.04781 60.0141 3.23188 60.0625 3.40625 60.0625C3.55156 60.0625 3.68719 60.0334 3.82281 59.9656L48.3853 38.6531C48.7244 38.4884 48.9375 38.1494 48.9375 37.7812V26.1562C48.9375 24.5578 47.6297 23.25 46.0312 23.25Z", fill: "#A3A3A3" }), (0, jsx_runtime_1.jsx)("path", { d: "M60.2912 37.7522C59.9425 37.1613 59.3225 36.8125 58.6347 36.8125H15.535C14.8278 36.8125 14.1787 37.2 13.8397 37.8297L2.55373 58.6287C2.38904 58.9291 2.39873 59.2972 2.5731 59.5878C2.74748 59.8784 3.06717 60.0625 3.40623 60.0625H46.9709C48.3853 60.0625 49.6834 59.2875 50.3615 58.0378L60.3203 39.6703C60.6497 39.06 60.64 38.3431 60.2815 37.7522H60.2912Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M27.625 50.375H16.9688C16.4359 50.375 16 49.9391 16 49.4062C16 48.8734 16.4359 48.4375 16.9688 48.4375H27.625C28.1578 48.4375 28.5938 48.8734 28.5938 49.4062C28.5938 49.9391 28.1578 50.375 27.625 50.375Z", fill: "#ECF4E9" }), (0, jsx_runtime_1.jsx)("path", { d: "M31.5 55.2188H14.0625C13.5297 55.2188 13.0938 54.7828 13.0938 54.25C13.0938 53.7172 13.5297 53.2812 14.0625 53.2812H31.5C32.0328 53.2812 32.4688 53.7172 32.4688 54.25C32.4688 54.7828 32.0328 55.2188 31.5 55.2188Z", fill: "#ECF4E9" }), (0, jsx_runtime_1.jsx)("path", { d: "M39.25 1.9375C31.7713 1.9375 25.6875 8.02125 25.6875 15.5C25.6875 21.7969 30.0663 27.2897 36.1597 28.7041L38.4169 32.4628C38.5912 32.7534 38.9109 32.9375 39.25 32.9375C39.5891 32.9375 39.9088 32.7631 40.0831 32.4628L42.3403 28.7041C48.4337 27.2897 52.8125 21.7969 52.8125 15.5C52.8125 8.02125 46.7288 1.9375 39.25 1.9375Z", fill: "#E5E6E6" }), (0, jsx_runtime_1.jsx)("path", { d: "M44.7817 9.96891C44.4039 9.59109 43.7936 9.59109 43.4158 9.96891L39.2598 14.1248L35.1039 9.96891C34.7261 9.59109 34.1158 9.59109 33.7379 9.96891C33.3601 10.3467 33.3601 10.957 33.7379 11.3348L37.8939 15.4908L33.7379 19.6467C33.3601 20.0245 33.3601 20.6348 33.7379 21.0127C33.9317 21.2064 34.1739 21.2936 34.4258 21.2936C34.6776 21.2936 34.9198 21.1967 35.1136 21.0127L39.2695 16.8567L43.4254 21.0127C43.6192 21.2064 43.8614 21.2936 44.1133 21.2936C44.3651 21.2936 44.6073 21.1967 44.8011 21.0127C45.1789 20.6348 45.1789 20.0245 44.8011 19.6467L40.6451 15.4908L44.8011 11.3348C45.1789 10.957 45.1789 10.3467 44.8011 9.96891H44.7817Z", fill: "currentColor" })] }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.sessionTitle), children: props.title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.sessionDescription), children: props.description })] }), props.action && (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: props.action, children: props.actionText })] }));
 }
 exports.default = EmptyData;

package/dist/components/TekWallet/components/ui/Fees/index.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeesStyle = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+var mui_1 = require("../../../theme/mui");
 var Icon_1 = __importDefault(require("../Icon"));
 var Text_1 = __importDefault(require("../Text"));
 var Formatter_1 = __importDefault(require("../Formatter"));
@@ -44,7 +44,7 @@ var FeesStyle;
 })(FeesStyle || (exports.FeesStyle = FeesStyle = {}));
 function Fees(props) {
     var sx = props.sx, amount = props.amount, feesData = props.feesData, isFeePaidByAmount = props.isFeePaidByAmount, tokenSlug = props.tokenSlug, setIsEnoughBalanceToPayFee = props.setIsEnoughBalanceToPayFee, feesStyle = props.feesStyle, estimateReceive = props.estimateReceive, rest = __rest(props, ["sx", "amount", "feesData", "isFeePaidByAmount", "tokenSlug", "setIsEnoughBalanceToPayFee", "feesStyle", "estimateReceive"]);
-    var theme = (0, ThemeProvider_1.useTheme)();
+    var theme = (0, mui_1.useTheme)();
     // const feesData = parsePropsData<FeesDataType>(feesDataString);
     var tokens = (0, useWalletData_1.default)().tokens;
     var getBalanceUseToPaidFee = (0, react_1.useCallback)(function (tokenSlugMustBePaidFee) {
@@ -94,63 +94,63 @@ function Fees(props) {
     var totalFeeInCurrency = (0, react_1.useMemo)(function () {
         return feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_currency;
     }, [feesData]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !!isChargeFee && ((0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: true }, rest, { disableGutters: true, sx: __assign(__assign({}, getStyled(feesStyle !== null && feesStyle !== void 0 ? feesStyle : FeesStyle.DEFAULT, theme)), sx), children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 8, height: 8 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !!isChargeFee && ((0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: true }, rest, { disableGutters: true, sx: __assign(__assign({}, getStyled(feesStyle !== null && feesStyle !== void 0 ? feesStyle : FeesStyle.DEFAULT, theme)), sx), children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 8, height: 8 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { width: "100%" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontSize: theme.typography.fontSize11,
                                     fontWeight: theme.typography.fontWeight500,
-                                    color: theme.palette.text.black,
+                                    color: theme.palette.text.primary,
                                 }, children: "Total fees" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                                     borderTop: "1px dashed",
-                                    borderColor: theme.palette.border.accent,
+                                    borderColor: theme.palette.divider,
                                     flex: 1,
                                     height: "1px",
                                     width: "100%",
-                                    ml: theme.mixins.gaps.g8,
-                                    mr: theme.mixins.gaps.g8,
+                                    ml: theme.styleMixins.gaps.g8,
+                                    mr: theme.styleMixins.gaps.g8,
                                 } }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
                                     fontSize: theme.typography.fontSize13,
                                     fontWeight: theme.typography.fontWeight500,
-                                    color: theme.palette.text.black,
-                                }, value: totalFeeInCurrency, unit: " ".concat(tokenSlug.toUpperCase()), disableTooltip: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "0.5rem" }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8, pt: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { alignItems: "stretch" }), children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1, gap: theme.mixins.gaps.g8 }), children: feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.map(function (item, index) {
+                                    color: theme.palette.text.primary,
+                                }, value: totalFeeInCurrency, unit: " ".concat(tokenSlug.toUpperCase()), disableTooltip: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { width: "0.5rem" }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g8, pt: theme.styleMixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { alignItems: "stretch" }), children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { flex: 1, gap: theme.styleMixins.gaps.g8 }), children: feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.map(function (item, index) {
                                         var _a, _b, _c, _d;
                                         return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                                        borderRight: "1px dashed ".concat(theme.palette.border.accent),
+                                                        borderRight: "1px dashed ".concat(theme.palette.divider),
                                                         width: "1px",
                                                         height: "1rem",
-                                                        pr: theme.mixins.gaps.g6,
+                                                        pr: theme.styleMixins.gaps.g6,
                                                     } })), (0, jsx_runtime_1.jsx)(FeeDetails, { feeName: (_a = item.fee_type) === null || _a === void 0 ? void 0 : _a.name, fee_in_currency: item.fee_in_currency, fee_in_usd: item.fee_in_usd, currencyName: (_b = item.currency) === null || _b === void 0 ? void 0 : _b.name }, (_c = item.fee_type) === null || _c === void 0 ? void 0 : _c.name)] }, (_d = item.fee_type) === null || _d === void 0 ? void 0 : _d.name));
-                                    }) }) }), isNotEnoughBalanceToPayFee && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: "ⓘ Insufficient transaction fee!" })), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                                    borderColor: theme.palette.border.black16,
-                                    my: theme.mixins.gaps.g4,
-                                } }), estimateReceive !== undefined && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                    }) }) }), isNotEnoughBalanceToPayFee && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: "ⓘ Insufficient transaction fee!" })), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
+                                    borderColor: theme.palette.divider,
+                                    my: theme.styleMixins.gaps.g4,
+                                } }), estimateReceive !== undefined && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                             fontSize: theme.typography.fontSize11,
                                             fontWeight: theme.typography.fontWeight500,
                                             lineHeight: theme.typography.leading160,
                                         }, children: "Receive amount estimated" }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
                                             fontSize: theme.typography.fontSize16,
                                             fontWeight: theme.typography.fontWeight700,
-                                            color: theme.palette.text.black,
+                                            color: theme.palette.text.primary,
                                         }, unit: " ".concat(tokenSlug.toUpperCase()), value: estimateReceive })] }))] }) })] }))) }));
 }
 exports.default = Fees;
 var FeeDetails = function (_a) {
     var feeName = _a.feeName, fee_in_currency = _a.fee_in_currency, fee_in_usd = _a.fee_in_usd, currencyName = _a.currencyName;
-    var theme = (0, ThemeProvider_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, alignItems: "center", justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 14, height: 14 }, children: SvgPath_1.IC_TIMELINE_DOT }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+    var theme = (0, mui_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g4, alignItems: "center", justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 14, height: 14 }, children: SvgPath_1.IC_TIMELINE_DOT }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                     fontSize: theme.typography.fontSize11,
                     fontWeight: theme.typography.fontWeight500,
                     lineHeight: theme.typography.leading160,
-                    color: theme.palette.text.accent,
-                    pl: theme.mixins.gaps.g12,
+                    color: theme.palette.text.secondary,
+                    pl: theme.styleMixins.gaps.g12,
                     whiteSpace: "nowrap",
                     flex: 1,
-                }, children: feeName }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", alignItems: "flex-end" }), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
+                }, children: feeName }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { width: "fit-content", alignItems: "flex-end" }), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
                             fontSize: theme.typography.fontSize13,
                             fontWeight: theme.typography.fontWeight500,
-                            color: theme.palette.text.black,
+                            color: theme.palette.text.primary,
                         }, value: fee_in_currency, unit: " ".concat(currencyName), disableTooltip: true }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
                             fontSize: theme.typography.fontSize11,
                             fontWeight: theme.typography.fontWeight500,
-                            color: theme.palette.text.black,
+                            color: theme.palette.text.primary,
                         }, value: fee_in_usd, unit: " $" })] })] }));
 };
 var getStyled = function (style, theme) {
@@ -192,8 +192,8 @@ var getStyled = function (style, theme) {
                 "&.MuiAccordion-root": {
                     backgroundColor: theme.palette.background.tertiary,
                     margin: 0,
-                    padding: theme.mixins.customPadding.p16,
-                    borderRadius: theme.mixins.customRadius.r16,
+                    padding: theme.styleMixins.customPadding.p16,
+                    borderRadius: theme.styleMixins.customRadius.r16,
                     border: "none",
                     boxShadow: "none",
                 },

package/dist/components/TekWallet/components/ui/FeesAutoDebounce/index.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeesStyle = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+var mui_1 = require("../../../theme/mui");
 var Icon_1 = __importDefault(require("../Icon"));
 var Text_1 = __importDefault(require("../Text"));
 var Formatter_1 = __importDefault(require("../Formatter"));
@@ -44,7 +44,7 @@ var FeesStyle;
 })(FeesStyle || (exports.FeesStyle = FeesStyle = {}));
 function Fees(props) {
     var sx = props.sx, amount = props.amount, feesData = props.feesData, isFeePaidByAmount = props.isFeePaidByAmount, tokenSlug = props.tokenSlug, setIsEnoughBalanceToPayFee = props.setIsEnoughBalanceToPayFee, feesStyle = props.feesStyle, estimateReceive = props.estimateReceive, rest = __rest(props, ["sx", "amount", "feesData", "isFeePaidByAmount", "tokenSlug", "setIsEnoughBalanceToPayFee", "feesStyle", "estimateReceive"]);
-    var theme = (0, ThemeProvider_1.useTheme)();
+    var theme = (0, mui_1.useTheme)();
     // const feesData = parsePropsData<FeesDataType>(feesDataString);
     var tokens = (0, useWalletData_1.default)().tokens;
     var getBalanceUseToPaidFee = (0, react_1.useCallback)(function (tokenSlugMustBePaidFee) {
@@ -94,63 +94,62 @@ function Fees(props) {
     var totalFeeInCurrency = (0, react_1.useMemo)(function () {
         return feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_currency;
     }, [feesData]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !!isChargeFee && ((0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: true }, rest, { disableGutters: true, sx: __assign(__assign({}, getStyled(feesStyle !== null && feesStyle !== void 0 ? feesStyle : FeesStyle.DEFAULT, theme)), sx), children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 8, height: 8 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !!isChargeFee && ((0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: true }, rest, { disableGutters: true, sx: __assign(__assign({}, getStyled(feesStyle !== null && feesStyle !== void 0 ? feesStyle : FeesStyle.DEFAULT, theme)), sx), children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 8, height: 8 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { width: "100%" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontSize: theme.typography.fontSize11,
                                     fontWeight: theme.typography.fontWeight500,
-                                    color: theme.palette.text.black,
+                                    color: theme.palette.text.primary,
                                 }, children: "Total fees" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                                     borderTop: "1px dashed",
-                                    borderColor: theme.palette.border.accent,
+                                    borderColor: theme.palette.divider,
                                     flex: 1,
                                     height: "1px",
                                     width: "100%",
-                                    ml: theme.mixins.gaps.g8,
-                                    mr: theme.mixins.gaps.g8,
+                                    ml: theme.styleMixins.gaps.g8,
+                                    mr: theme.styleMixins.gaps.g8,
                                 } }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
                                     fontSize: theme.typography.fontSize13,
                                     fontWeight: theme.typography.fontWeight500,
-                                    color: theme.palette.text.black,
-                                }, value: totalFeeInCurrency, unit: " ".concat(tokenSlug.toUpperCase()), disableTooltip: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "0.5rem" }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8, pt: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { alignItems: "stretch" }), children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1, gap: theme.mixins.gaps.g8 }), children: feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.map(function (item, index) {
+                                    color: theme.palette.text.primary,
+                                }, value: totalFeeInCurrency, unit: " ".concat(tokenSlug.toUpperCase()), disableTooltip: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { width: "0.5rem" }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g8, pt: theme.styleMixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { alignItems: "stretch" }), children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { flex: 1, gap: theme.styleMixins.gaps.g8 }), children: feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.map(function (item, index) {
                                         var _a, _b, _c, _d;
                                         return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                                        borderRight: "1px dashed ".concat(theme.palette.border.accent),
+                                                        borderRight: "1px dashed ".concat(theme.palette.divider),
                                                         width: "1px",
                                                         height: "1rem",
-                                                        pr: theme.mixins.gaps.g6,
+                                                        pr: theme.styleMixins.gaps.g6,
                                                     } })), (0, jsx_runtime_1.jsx)(FeeDetails, { feeName: (_a = item.fee_type) === null || _a === void 0 ? void 0 : _a.name, fee_in_currency: item.fee_in_currency, fee_in_usd: item.fee_in_usd, currencyName: (_b = item.currency) === null || _b === void 0 ? void 0 : _b.name }, (_c = item.fee_type) === null || _c === void 0 ? void 0 : _c.name)] }, (_d = item.fee_type) === null || _d === void 0 ? void 0 : _d.name));
-                                    }) }) }), isNotEnoughBalanceToPayFee && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: "ⓘ Insufficient transaction fee!" })), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                                    borderColor: theme.palette.border.black16,
-                                    my: theme.mixins.gaps.g4,
-                                } }), estimateReceive !== undefined && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                    }) }) }), isNotEnoughBalanceToPayFee && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.validationError), children: "ⓘ Insufficient transaction fee!" })), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
+                                    my: theme.styleMixins.gaps.g4,
+                                } }), estimateReceive !== undefined && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                             fontSize: theme.typography.fontSize11,
                                             fontWeight: theme.typography.fontWeight500,
                                             lineHeight: theme.typography.leading160,
                                         }, children: "Receive amount estimated" }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
                                             fontSize: theme.typography.fontSize16,
                                             fontWeight: theme.typography.fontWeight700,
-                                            color: theme.palette.text.black,
+                                            color: theme.palette.text.primary,
                                         }, unit: " ".concat(tokenSlug.toUpperCase()), value: estimateReceive })] }))] }) })] }))) }));
 }
 exports.default = Fees;
 var FeeDetails = function (_a) {
     var feeName = _a.feeName, fee_in_currency = _a.fee_in_currency, fee_in_usd = _a.fee_in_usd, currencyName = _a.currencyName;
-    var theme = (0, ThemeProvider_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, alignItems: "center", justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 14, height: 14 }, children: SvgPath_1.IC_TIMELINE_DOT }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+    var theme = (0, mui_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.row), { gap: theme.styleMixins.gaps.g4, alignItems: "center", justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 14, height: 14 }, children: SvgPath_1.IC_TIMELINE_DOT }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                     fontSize: theme.typography.fontSize11,
                     fontWeight: theme.typography.fontWeight500,
                     lineHeight: theme.typography.leading160,
-                    color: theme.palette.text.accent,
-                    pl: theme.mixins.gaps.g12,
+                    color: theme.palette.text.secondary,
+                    pl: theme.styleMixins.gaps.g12,
                     whiteSpace: "nowrap",
                     flex: 1,
-                }, children: feeName }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", alignItems: "flex-end" }), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
+                }, children: feeName }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { width: "fit-content", alignItems: "flex-end" }), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
                             fontSize: theme.typography.fontSize13,
                             fontWeight: theme.typography.fontWeight500,
-                            color: theme.palette.text.black,
+                            color: theme.palette.text.primary,
                         }, value: fee_in_currency, unit: " ".concat(currencyName), disableTooltip: true }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
                             fontSize: theme.typography.fontSize11,
                             fontWeight: theme.typography.fontWeight500,
-                            color: theme.palette.text.black,
+                            color: theme.palette.text.primary,
                         }, value: fee_in_usd, unit: " $" })] })] }));
 };
 var getStyled = function (style, theme) {
@@ -192,8 +191,8 @@ var getStyled = function (style, theme) {
                 "&.MuiAccordion-root": {
                     backgroundColor: theme.palette.background.tertiary,
                     margin: 0,
-                    padding: theme.mixins.customPadding.p16,
-                    borderRadius: theme.mixins.customRadius.r16,
+                    padding: theme.styleMixins.customPadding.p16,
+                    borderRadius: theme.styleMixins.customRadius.r16,
                     border: "none",
                     boxShadow: "none",
                 },

package/dist/components/TekWallet/components/ui/FiatDeposit/components/shareAction.js

@@ -58,15 +58,13 @@ var react_1 = require("react");
 var html_to_image_1 = require("html-to-image");
 var Text_1 = __importDefault(require("../../Text"));
 var style_1 = require("../style");
-var palette_1 = require("../../../../theme/mui/deposit-fiat-theme/palette");
 var SuccessAnimation = function () { return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M4.5 12.75L10.5 18.75L19.5 5.25", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })); };
 exports.SuccessAnimation = SuccessAnimation;
 exports.default = (0, react_1.memo)(function ShareAction(_a) {
     var _this = this;
-    var _b, _c;
     var data = _a.data, shareRef = _a.shareRef;
-    var _d = (0, react_1.useState)(false), isDownloading = _d[0], setIsDownloading = _d[1];
-    var _e = (0, react_1.useState)(false), copySuccess = _e[0], setCopySuccess = _e[1];
+    var _b = (0, react_1.useState)(false), isDownloading = _b[0], setIsDownloading = _b[1];
+    var _c = (0, react_1.useState)(false), copySuccess = _c[0], setCopySuccess = _c[1];
     var convertHtml2Img = function () { return __awaiter(_this, void 0, void 0, function () {
         var _a, _b;
         var _c;
@@ -157,7 +155,7 @@ exports.default = (0, react_1.memo)(function ShareAction(_a) {
                             color: "#fff",
                             aspectRatio: "1 / 1",
                             background: "#044C2F",
-                        }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M3.375 13.75V15.625C3.375 16.1223 3.57254 16.5992 3.92417 16.9508C4.27581 17.3025 4.75272 17.5 5.25 17.5H16.5C16.9973 17.5 17.4742 17.3025 17.8258 16.9508C18.1775 16.5992 18.375 16.1223 18.375 15.625V13.75M14.625 10L10.875 13.75M10.875 13.75L7.125 10M10.875 13.75V2.5", stroke: "white", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.content02), color: (_b = palette_1.palette.positive) === null || _b === void 0 ? void 0 : _b.main, children: "Save photo" })] }), (0, jsx_runtime_1.jsxs)(material_1.Grid2, { display: "flex", flexDirection: "column", gap: "0.375rem", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "primary", onClick: handleCopyLink, sx: {
+                        }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M3.375 13.75V15.625C3.375 16.1223 3.57254 16.5992 3.92417 16.9508C4.27581 17.3025 4.75272 17.5 5.25 17.5H16.5C16.9973 17.5 17.4742 17.3025 17.8258 16.9508C18.1775 16.5992 18.375 16.1223 18.375 15.625V13.75M14.625 10L10.875 13.75M10.875 13.75L7.125 10M10.875 13.75V2.5", stroke: "white", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.content02), color: "text.primary", children: "Save photo" })] }), (0, jsx_runtime_1.jsxs)(material_1.Grid2, { display: "flex", flexDirection: "column", gap: "0.375rem", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "primary", onClick: handleCopyLink, sx: {
                             borderRadius: "0.75rem",
                             justifyContent: "center",
                             alignItems: "center",
@@ -167,5 +165,5 @@ exports.default = (0, react_1.memo)(function ShareAction(_a) {
                             color: "#fff",
                             aspectRatio: "1 / 1",
                             background: "#044C2F",
-                        }, children: copySuccess ? ((0, jsx_runtime_1.jsx)(exports.SuccessAnimation, {})) : ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.6167 7.24002C12.1582 7.49857 12.6298 7.8833 12.9918 8.36189C13.3538 8.84048 13.5956 9.39895 13.697 9.9904C13.7985 10.5818 13.7564 11.189 13.5745 11.7608C13.3926 12.3327 13.0762 12.8525 12.6517 13.2767L8.90169 17.0267C8.19842 17.73 7.24459 18.125 6.25002 18.125C5.25546 18.125 4.30162 17.73 3.59836 17.0267C2.89509 16.3234 2.5 15.3696 2.5 14.375C2.5 13.3805 2.89509 12.4266 3.59836 11.7234L5.06252 10.2592M16.1875 9.74086L17.6517 8.27669C18.355 7.57342 18.75 6.61959 18.75 5.62502C18.75 4.63046 18.355 3.67662 17.6517 2.97336C16.9484 2.27009 15.9946 1.875 15 1.875C14.0055 1.875 13.0516 2.27009 12.3484 2.97336L8.59836 6.72336C8.17389 7.14752 7.85741 7.66736 7.67551 8.23921C7.49361 8.81105 7.45159 9.4182 7.553 10.0096C7.6544 10.6011 7.89626 11.1596 8.25827 11.6382C8.62027 12.1167 9.09183 12.5015 9.63336 12.76", stroke: "white", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) })) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.content02), color: (_c = palette_1.palette.positive) === null || _c === void 0 ? void 0 : _c.main, children: copySuccess ? "Copied!" : "Copy link" })] })] }));
+                        }, children: copySuccess ? ((0, jsx_runtime_1.jsx)(exports.SuccessAnimation, {})) : ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.6167 7.24002C12.1582 7.49857 12.6298 7.8833 12.9918 8.36189C13.3538 8.84048 13.5956 9.39895 13.697 9.9904C13.7985 10.5818 13.7564 11.189 13.5745 11.7608C13.3926 12.3327 13.0762 12.8525 12.6517 13.2767L8.90169 17.0267C8.19842 17.73 7.24459 18.125 6.25002 18.125C5.25546 18.125 4.30162 17.73 3.59836 17.0267C2.89509 16.3234 2.5 15.3696 2.5 14.375C2.5 13.3805 2.89509 12.4266 3.59836 11.7234L5.06252 10.2592M16.1875 9.74086L17.6517 8.27669C18.355 7.57342 18.75 6.61959 18.75 5.62502C18.75 4.63046 18.355 3.67662 17.6517 2.97336C16.9484 2.27009 15.9946 1.875 15 1.875C14.0055 1.875 13.0516 2.27009 12.3484 2.97336L8.59836 6.72336C8.17389 7.14752 7.85741 7.66736 7.67551 8.23921C7.49361 8.81105 7.45159 9.4182 7.553 10.0096C7.6544 10.6011 7.89626 11.1596 8.25827 11.6382C8.62027 12.1167 9.09183 12.5015 9.63336 12.76", stroke: "white", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) })) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.content02), color: "text.primary", children: copySuccess ? "Copied!" : "Copy link" })] })] }));
 });

package/dist/components/TekWallet/components/ui/FiatDeposit/components/shareDrawer.js

@@ -19,18 +19,15 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var shareImage_1 = __importDefault(require("./shareImage"));
 var shareAction_1 = __importDefault(require("./shareAction"));
-var theme_1 = __importDefault(require("../../../../theme/mui/deposit-fiat-theme/theme"));
 var react_1 = require("react");
 var Text_1 = __importDefault(require("../../Text"));
 var style_1 = require("../style");
-var palette_1 = require("../../../../theme/mui/deposit-fiat-theme/palette");
 function ShareDrawer(_a) {
-    var _b, _c;
     var depositData = _a.depositData, count = _a.count, handleRefresh = _a.handleRefresh, onClose = _a.onClose;
     var shareRef = (0, react_1.useRef)(null);
     return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { p: "1rem", sx: {
-            background: theme_1.default.palette.tertiary.main,
+            background: "background.tertiary",
             maxHeight: "70%",
             overflowY: "auto",
-        }, pb: "2.5rem", gap: "0.75rem", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { width: "100%", flexDirection: "row", alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.title01), color: (_b = palette_1.palette.positive) === null || _b === void 0 ? void 0 : _b.main, children: "Share" }), (0, jsx_runtime_1.jsx)("svg", { onClick: onClose, xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M1 13L13 1M1 1L13 13", stroke: "#121212", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsx)(shareImage_1.default, { ref: shareRef, data: depositData, count: count, handleRefresh: handleRefresh }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "0.75rem", width: "100%", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.title01), color: (_c = palette_1.palette.positive) === null || _c === void 0 ? void 0 : _c.main, children: "Share To" }), (0, jsx_runtime_1.jsx)(shareAction_1.default, { data: depositData, shareRef: shareRef })] })] }));
+        }, pb: "2.5rem", gap: "0.75rem", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { width: "100%", flexDirection: "row", alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.title01), color: "text.primary", children: "Share" }), (0, jsx_runtime_1.jsx)("svg", { onClick: onClose, xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M1 13L13 1M1 1L13 13", stroke: "#121212", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsx)(shareImage_1.default, { ref: shareRef, data: depositData, count: count, handleRefresh: handleRefresh }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "0.75rem", width: "100%", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.title01), color: "text.primary", children: "Share To" }), (0, jsx_runtime_1.jsx)(shareAction_1.default, { data: depositData, shareRef: shareRef })] })] }));
 }

package/dist/components/TekWallet/components/ui/FiatDeposit/components/shareImage.js

@@ -7,14 +7,13 @@ exports.default = ShareImage;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var formatter_1 = __importDefault(require("../../Formatter/functions/formatter"));
-var theme_1 = __importDefault(require("../../../../theme/mui/deposit-fiat-theme/theme"));
 var Icon_1 = __importDefault(require("../../Icon"));
 var Text_1 = __importDefault(require("../../Text"));
 function ShareImage(_a) {
     var _b, _c;
     var data = _a.data, count = _a.count, handleRefresh = _a.handleRefresh, ref = _a.ref;
     return ((0, jsx_runtime_1.jsx)(material_1.Box, { width: "55%", p: "0.75rem", ref: ref, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { position: "relative", py: "1.5rem", sx: {
-                background: theme_1.default.palette.negative.main,
+                background: "background.default",
                 borderRadius: "0.563rem",
                 gap: "2rem",
                 alignItems: "center",