tek-wallet 0.0.256 → 0.0.257
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -23,11 +23,11 @@ var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
|
|
|
23
23
|
var AnalyticGroup = function (props) {
|
|
24
24
|
var theme = (0, material_1.useTheme)();
|
|
25
25
|
var sx = props.sx;
|
|
26
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, sx), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Total Amount" }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.row), theme.mixins.value), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 1000000 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: { fontWeight: "typography.fontWeight400", fontSize: "0.8em" }, children: "USD" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("bottom_arrow"), width: 8 })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, fontSize: theme.typography.fontSize12 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
26
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, sx), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Total Amount" }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign(__assign({}, theme.mixins.row), theme.mixins.value), { fontSize: "typography.fontSize18" }), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 1000000 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: { fontWeight: "typography.fontWeight400", fontSize: "0.8em" }, children: "USD" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("bottom_arrow"), width: 8 })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, fontSize: theme.typography.fontSize12 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
27
27
|
fontWeight: "typography.fontWeight500",
|
|
28
28
|
leading: "typography.lineHeight140",
|
|
29
29
|
fontSize: "typography.fontSize14",
|
|
30
30
|
textTransform: "capitalize",
|
|
31
|
-
}, children: props.timeRange }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_increase"), width: 12 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({
|
|
31
|
+
}, children: props.timeRange }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_increase"), width: 12 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: theme.palette.text.increase, borderBottom: "1px dashed currentColor" }), children: "5.63 (+3,22%)" })] })] }));
|
|
32
32
|
};
|
|
33
33
|
exports.default = AnalyticGroup;
|
|
@@ -33,6 +33,6 @@ var Text_1 = __importDefault(require("../Text"));
|
|
|
33
33
|
function ListItemCustom(_a) {
|
|
34
34
|
var title = _a.title, description = _a.description, icon = _a.icon, rightIcon = _a.rightIcon, hideDefaultRightIcon = _a.hideDefaultRightIcon, sx = _a.sx, rest = __rest(_a, ["title", "description", "icon", "rightIcon", "hideDefaultRightIcon", "sx"]);
|
|
35
35
|
var theme = (0, material_1.useTheme)();
|
|
36
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.ListItem, __assign({}, rest, { sx: __assign(__assign({}, theme.mixins.row), sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 32, src: icon }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.
|
|
36
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.ListItem, __assign({}, rest, { sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, backgroundColor: "background.white16", borderRadius: theme.mixins.theBorderRadius.r12 }), sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 32, src: icon }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g2, alignItems: "start", flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listTitle), children: title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listDescription), children: description })] }), rightIcon !== null && rightIcon !== void 0 ? rightIcon : (!hideDefaultRightIcon && ((0, jsx_runtime_1.jsx)(Icon_1.default, { width: 10, src: (0, getIcon_1.default)("arrow-right"), sx: { ml: "auto" } })))] })));
|
|
37
37
|
}
|
|
38
38
|
exports.default = ListItemCustom;
|
package/dist/theme/mui/theme.js
CHANGED
|
@@ -217,11 +217,14 @@ var theme = (0, styles_1.createTheme)({
|
|
|
217
217
|
color: "text.white",
|
|
218
218
|
fontWeight: typography.fontWeight500,
|
|
219
219
|
fontSize: typography.fontSize14,
|
|
220
|
+
lineHeight: typography.leading140,
|
|
221
|
+
textTransform: "capitalize",
|
|
220
222
|
},
|
|
221
223
|
listDescription: {
|
|
222
224
|
color: "text.white64",
|
|
223
225
|
fontWeight: typography.fontWeight400,
|
|
224
226
|
fontSize: typography.fontSize12,
|
|
227
|
+
lineHeight: typography.leading140,
|
|
225
228
|
},
|
|
226
229
|
smallButton: {
|
|
227
230
|
fontSize: typography.fontSize11,
|