tek-wallet 0.0.151 → 0.0.153

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.
Files changed (8) hide show
  1. package/dist/components/ui/DepositFunction/index.js +7 -4
  2. package/dist/components/ui/ModalLayout/index.js +1 -1
  3. package/dist/components/ui/NetworkSelection/index.d.ts +1 -0
  4. package/dist/components/ui/NetworkSelection/index.js +3 -13
  5. package/dist/components/ui/QRCode/index.js +20 -8
  6. package/dist/components/ui/TokenSelection/index.js +3 -5
  7. package/dist/theme/mui/theme.js +123 -112
  8. package/package.json +1 -1
package/dist/components/ui/DepositFunction/index.js CHANGED
@@ -82,9 +82,11 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
82
82
  nextStep();
83
83
  }
84
84
  };
85
- return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: props.onClose, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
85
+ return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: props.onClose, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: {
86
+ width: "100%",
87
+ paddingBottom: theme.mixins.customPadding.p16,
86
88
  display: "flex",
87
- }, children: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { overrideBack: handleBack, hideBack: currentStep === DepositStep.SELECT_TOKEN, center: DEPOSIT_STEP_NAME[currentStep], children: (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: { marginLeft: "auto" }, onClick: props.onClose }) }) }), onClose: close, children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: { autoHeight: true }, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content" }), children: tokens === null || tokens === void 0 ? void 0 : tokens.map(function (item) {
89
+ }, overrideBack: handleBack, hideBack: currentStep === DepositStep.SELECT_TOKEN, center: DEPOSIT_STEP_NAME[currentStep], children: (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: { marginLeft: "auto" }, onClick: props.onClose }) }), onClose: close, children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: { autoHeight: true }, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content" }), children: tokens === null || tokens === void 0 ? void 0 : tokens.map(function (item) {
88
90
  var stringifiedTokenData = JSON.stringify(__assign(__assign({}, item), { name: "Fake", fullname: "Fake fullname" }));
89
91
  return ((0, jsx_runtime_1.jsx)(TokenSelection_1.default, { onClick: handleSelectToken, tokenData: stringifiedTokenData, active: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.id) != "kf" }, item.id));
90
92
  }) }) }, DepositStep.SELECT_TOKEN), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(function (item) {
@@ -120,9 +122,10 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
120
122
  fontWeight: theme.typography.fontWeight400,
121
123
  leading: "typography.leading150",
122
124
  }, children: "@user1234we" })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
125
+ width: "fit-content",
126
+ height: "fit-content",
123
127
  alignSelf: "center",
124
- padding: "0.75rem",
125
- backgroundColor: "ui-background-white",
128
+ borderRadius: theme.mixins.theBorderRadius.r12,
126
129
  }, children: (0, jsx_runtime_1.jsx)(QRCode_1.default, {}) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
127
130
  display: "flex",
128
131
  flexDirection: "column",
package/dist/components/ui/ModalLayout/index.js CHANGED
@@ -21,7 +21,7 @@ var material_1 = require("@mui/material");
21
21
  var getImage_1 = __importDefault(require("../../../utils/getImage"));
22
22
  var ModalLayout = function (props) {
23
23
  var theme = (0, material_1.useTheme)();
24
- return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ borderTop: "2px ".concat(theme.palette.secondary.main, " solid"), borderRadius: "1.5rem 1.5rem 0 0", maxHeight: "100dvh", backgroundImage: "url(".concat((0, getImage_1.default)("modal-bg", "jpg"), ")"), backgroundSize: "cover", backgroundPosition: "top", backgroundRepeat: "no-repeat", display: "flex", flexDirection: "column" }, theme.mixins.pagePadding), children: [!props.hideHeader && !props.overrideHeader && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
24
+ return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({ borderTop: "2px ".concat(theme.palette.secondary.main, " solid"), borderRadius: "1.5rem 1.5rem 0 0", maxHeight: "100dvh", backgroundImage: "url(".concat((0, getImage_1.default)("modal-bg", "jpg"), ")"), backgroundSize: "cover", backgroundPosition: "top", backgroundRepeat: "no-repeat", display: "flex", flexDirection: "column" }, theme.mixins.pagePadding), props.sx), children: [!props.hideHeader && !props.overrideHeader && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
25
25
  width: "100%",
26
26
  position: "relative",
27
27
  }, children: [(0, jsx_runtime_1.jsx)(ModalTitle_1.default, { children: props.title }), (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: {
package/dist/components/ui/NetworkSelection/index.d.ts CHANGED
@@ -2,6 +2,7 @@ import { GeneralProps } from "../../../types/ui";
2
2
  interface NetworkSelectionProps extends GeneralProps {
3
3
  active?: boolean;
4
4
  networkData?: string;
5
+ onClick?: (networkData?: NetworkData) => void;
5
6
  }
6
7
  export interface NetworkData {
7
8
  name: string;
package/dist/components/ui/NetworkSelection/index.js CHANGED
@@ -35,18 +35,8 @@ var NetworkSelection = function (props) {
35
35
  var networkDataString = props.networkData, rest = __rest(props, ["networkData"]);
36
36
  var theme = (0, material_1.useTheme)();
37
37
  var networkData = (0, react_1.useMemo)(function () { return (0, parsePropsData_1.default)(networkDataString); }, [networkDataString]);
38
- return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({}, rest, { sx: {
39
- backgroundColor: "background.white16",
40
- padding: "0.5rem",
41
- borderRadius: "0.75rem",
42
- border: "1px solid border.white16",
43
- }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: networkData === null || networkData === void 0 ? void 0 : networkData.icon, sx: { borderRadius: theme.mixins.theBorderRadius.full } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
44
- fontSize: "typography.fontSize14",
45
- fontWeight: "typography.fontWeight500",
46
- leading: "140%",
47
- color: "text.white",
48
- whiteSpace: "nowrap",
49
- textTransform: "capitalize",
50
- }, children: networkData === null || networkData === void 0 ? void 0 : networkData.name })] })));
38
+ return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({}, rest, { sx: __assign(__assign({}, theme.mixins.row), { backgroundColor: props.active
39
+ ? "background.secondary16"
40
+ : "background.white16", padding: "".concat(theme.mixins.customPadding.p16, " ").concat(theme.mixins.customPadding.p8), borderRadius: theme.mixins.theBorderRadius.r12, border: "1px solid", borderColor: props.active ? "border.secondary" : "border.white24", gap: theme.mixins.gaps.g8 }), onClick: function () { var _a; return (_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, networkData); }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: networkData === null || networkData === void 0 ? void 0 : networkData.icon, sx: { borderRadius: theme.mixins.theBorderRadius.full }, width: 24 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: "text.white", whiteSpace: "nowrap", textTransform: "capitalize" }), children: networkData === null || networkData === void 0 ? void 0 : networkData.name })] })));
51
41
  };
52
42
  exports.default = NetworkSelection;
package/dist/components/ui/QRCode/index.js CHANGED
@@ -1,18 +1,30 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
3
  var jsx_runtime_1 = require("react/jsx-runtime");
7
4
  var qrcode_react_1 = require("qrcode.react");
8
- var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
5
+ // import getIcon from "../../../utils/getIcon";
9
6
  function QRCode() {
10
- return ((0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeCanvas, { className: "", value: "https://reactjs.org/", size: 160, imageSettings: {
11
- src: (0, getIcon_1.default)("eth"),
7
+ return (
8
+ // <QRCodeCanvas
9
+ // className=""
10
+ // value="https://reactjs.org/"
11
+ // size={160}
12
+ // imageSettings={{
13
+ // src: getIcon("eth"),
14
+ // x: undefined,
15
+ // y: undefined,
16
+ // height: 32,
17
+ // width: 32,
18
+ // excavate: true,
19
+ // }}
20
+ // />
21
+ (0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeCanvas, { value: "https://picturesofpeoplescanningqrcodes.tumblr.com/", title: "Title for my QR Code", size: 128, bgColor: "#ffffff", fgColor: "#000000", level: "H", minVersion: 8, marginSize: 2, imageSettings: {
22
+ src: "https://static.zpao.com/favicon.png",
12
23
  x: undefined,
13
24
  y: undefined,
14
- height: 32,
15
- width: 32,
25
+ height: 24,
26
+ width: 24,
27
+ opacity: 1.2,
16
28
  excavate: true,
17
29
  } }));
18
30
  }
package/dist/components/ui/TokenSelection/index.js CHANGED
@@ -36,10 +36,8 @@ var TokenSelection = function (props) {
36
36
  var tokenDataString = props.tokenData, sx = props.sx, rest = __rest(props, ["tokenData", "sx"]);
37
37
  var theme = (0, material_1.useTheme)();
38
38
  var tokenData = (0, react_1.useMemo)(function () { return (0, parsePropsData_1.default)(tokenDataString); }, [tokenDataString]);
39
- return ((0, jsx_runtime_1.jsxs)(material_1.Box
40
- // onClick={() => props?.onClick?.(tokenData)}
41
- , __assign({
42
- // onClick={() => props?.onClick?.(tokenData)}
43
- sx: __assign({ backgroundColor: "background.white16", border: "1px solid", borderColor: props.active ? "border.secondary" : "transparent", borderRadius: theme.mixins.theBorderRadius.r12, padding: theme.mixins.customPadding.p12, display: "flex", alignItems: "center", cursor: "pointer" }, sx) }, rest, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.column), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.value, children: tokenData === null || tokenData === void 0 ? void 0 : tokenData.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.valueDescription, children: "tokenData.name" })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { marginLeft: "auto" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.value, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 20000 }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.valueDescription, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 2000 }) })] })] })));
39
+ return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ onClick: function () { var _a; return (_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, tokenData); }, sx: __assign({ backgroundColor: props.active
40
+ ? "background.secondary16"
41
+ : "background.white16", border: "1px solid", borderColor: props.active ? "border.secondary" : "transparent", borderRadius: theme.mixins.theBorderRadius.r12, padding: theme.mixins.customPadding.p12, display: "flex", alignItems: "center", cursor: "pointer" }, sx) }, rest, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.column), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.value, children: tokenData === null || tokenData === void 0 ? void 0 : tokenData.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.valueDescription, children: "tokenData.name" })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { marginLeft: "auto", alignItems: "end" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.value, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 20000 }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.valueDescription, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: 2000 }) })] })] })));
44
42
  };
45
43
  exports.default = TokenSelection;
package/dist/theme/mui/theme.js CHANGED
@@ -1,6 +1,102 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  var styles_1 = require("@mui/material/styles");
4
+ var typography = {
5
+ fontSize10: "0.625rem",
6
+ fontSize11: "0.6875rem",
7
+ fontSize12: "0.75rem",
8
+ fontSize13: "0.8125rem",
9
+ fontSize14: "0.875rem",
10
+ fontSize15: "0.9375rem",
11
+ fontSize16: "1rem",
12
+ fontSize17: "1.0625rem",
13
+ fontSize18: "1.125rem",
14
+ fontSize19: "1.1875rem",
15
+ fontSize20: "1.25rem",
16
+ fontSize21: "1.3125rem",
17
+ fontSize22: "1.375rem",
18
+ fontSize24: "1.5rem",
19
+ leading100: "100%",
20
+ leading120: "120%",
21
+ leading140: "140%",
22
+ leading160: "160%",
23
+ leading180: "180%",
24
+ leading200: "200%",
25
+ fontWeight300: 300,
26
+ fontWeight400: 400,
27
+ fontWeight500: 500,
28
+ fontWeight600: 600,
29
+ fontWeight700: 700,
30
+ };
31
+ var background = {
32
+ white: "#ffffff",
33
+ white64: "rgba(255, 255, 255, 0.64)",
34
+ white24: "rgba(255, 255, 255, 0.24)",
35
+ white16: "rgba(255, 255, 255, 0.16)",
36
+ black: "#000000",
37
+ black64: "rgba(0, 0, 0, 0.64)",
38
+ black24: "rgba(0, 0, 0, 0.24)",
39
+ black16: "rgba(0, 0, 0, 0.16)",
40
+ secondary: "#01FFFF",
41
+ secondary16: "rgba(1, 255, 255, 0.16)",
42
+ };
43
+ var border = {
44
+ white: "#ffffff",
45
+ white64: "rgba(255, 255, 255, 0.64)",
46
+ white24: "rgba(255, 255, 255, 0.24)",
47
+ white16: "rgba(255, 255, 255, 0.16)",
48
+ black: "#000000",
49
+ black64: "rgba(0, 0, 0, 0.64)",
50
+ black24: "rgba(0, 0, 0, 0.24)",
51
+ black16: "rgba(0, 0, 0, 0.16)",
52
+ secondary: "#01FFFF",
53
+ secondary16: "rgba(1, 255, 255, 0.16)",
54
+ };
55
+ var text = {
56
+ white: "#ffffff",
57
+ white80: "rgba(255, 255, 255, 0.8)",
58
+ white64: "rgba(255, 255, 255, 0.64)",
59
+ white24: "rgba(255, 255, 255, 0.24)",
60
+ successStatus: "#01FF00",
61
+ errorStatus: "#FE6565",
62
+ loadingStatus: "#01FFFF",
63
+ };
64
+ var gaps = {
65
+ g2: "0.125rem",
66
+ g4: "0.25rem",
67
+ g6: "0.375rem",
68
+ g8: "0.5rem",
69
+ g10: "0.625rem",
70
+ g12: "0.75rem",
71
+ g16: "1rem",
72
+ g20: "1.25rem",
73
+ g24: "1.5rem",
74
+ g32: "2rem",
75
+ g40: "2.5rem",
76
+ };
77
+ var pagePadding = {
78
+ paddingLeft: "1rem",
79
+ paddingRight: "1rem",
80
+ paddingTop: "1rem",
81
+ paddingBottom: "2rem",
82
+ };
83
+ var customPadding = {
84
+ p4: "0.25rem",
85
+ p6: "0.375rem",
86
+ p8: "0.5rem",
87
+ p10: "0.625rem",
88
+ p12: "0.75rem",
89
+ p16: "1rem",
90
+ p20: "1.25rem",
91
+ p24: "1.5rem",
92
+ p32: "2rem",
93
+ p40: "2.5rem",
94
+ p48: "3rem",
95
+ };
96
+ var theBorderRadius = {
97
+ full: "999px",
98
+ r12: "0.75rem",
99
+ };
4
100
  var theme = (0, styles_1.createTheme)({
5
101
  palette: {
6
102
  primary: {
@@ -11,102 +107,17 @@ var theme = (0, styles_1.createTheme)({
11
107
  main: "#01FFFF",
12
108
  contrastText: "#01FFFF",
13
109
  },
14
- background: {
15
- white: "#ffffff",
16
- white64: "rgba(255, 255, 255, 0.64)",
17
- white24: "rgba(255, 255, 255, 0.24)",
18
- white16: "rgba(255, 255, 255, 0.16)",
19
- black: "#000000",
20
- black64: "rgba(0, 0, 0, 0.64)",
21
- black24: "rgba(0, 0, 0, 0.24)",
22
- black16: "rgba(0, 0, 0, 0.16)",
23
- secondary: "#01FFFF",
24
- secondary16: "rgba(1, 255, 255, 0.16)",
25
- },
26
- border: {
27
- white: "#ffffff",
28
- white64: "rgba(255, 255, 255, 0.64)",
29
- white24: "rgba(255, 255, 255, 0.24)",
30
- white16: "rgba(255, 255, 255, 0.16)",
31
- black: "#000000",
32
- black64: "rgba(0, 0, 0, 0.64)",
33
- black24: "rgba(0, 0, 0, 0.24)",
34
- black16: "rgba(0, 0, 0, 0.16)",
35
- secondary: "#01FFFF",
36
- secondary16: "rgba(1, 255, 255, 0.16)",
37
- },
38
- text: {
39
- white: "#ffffff",
40
- white80: "rgba(255, 255, 255, 0.8)",
41
- white64: "rgba(255, 255, 255, 0.64)",
42
- white24: "rgba(255, 255, 255, 0.24)",
43
- successStatus: "#01FF00",
44
- errorStatus: "#FE6565",
45
- loadingStatus: "#01FFFF",
46
- },
110
+ background: background,
111
+ border: border,
112
+ text: text,
47
113
  divider: "rgba(255, 255, 255, 0.16)",
48
114
  },
49
- typography: {
50
- fontSize10: "0.625rem",
51
- fontSize11: "0.6875rem",
52
- fontSize12: "0.75rem",
53
- fontSize13: "0.8125rem",
54
- fontSize14: "0.875rem",
55
- fontSize15: "0.9375rem",
56
- fontSize16: "1rem",
57
- fontSize17: "1.0625rem",
58
- fontSize18: "1.125rem",
59
- fontSize19: "1.1875rem",
60
- fontSize20: "1.25rem",
61
- fontSize21: "1.3125rem",
62
- fontSize22: "1.375rem",
63
- fontSize24: "1.5rem",
64
- leading100: "100%",
65
- leading120: "120%",
66
- leading140: "140%",
67
- leading160: "160%",
68
- leading180: "180%",
69
- leading200: "200%",
70
- fontWeight300: 300,
71
- fontWeight400: 400,
72
- fontWeight500: 500,
73
- fontWeight600: 600,
74
- fontWeight700: 700,
75
- },
76
- spacing: 8,
115
+ typography: typography,
77
116
  mixins: {
78
- pagePadding: {
79
- paddingLeft: "1rem",
80
- paddingRight: "1rem",
81
- paddingTop: "1rem",
82
- paddingBottom: "2rem",
83
- },
84
- customPadding: {
85
- p12: "0.75rem",
86
- p16: "1rem",
87
- p20: "1.25rem",
88
- p24: "1.5rem",
89
- p32: "2rem",
90
- p40: "2.5rem",
91
- p48: "3rem",
92
- },
93
- theBorderRadius: {
94
- full: "999px",
95
- r12: "0.75rem",
96
- },
97
- gaps: {
98
- g2: "0.125rem",
99
- g4: "0.25rem",
100
- g6: "0.375rem",
101
- g8: "0.5rem",
102
- g10: "0.625rem",
103
- g12: "0.75rem",
104
- g16: "1rem",
105
- g20: "1.25rem",
106
- g24: "1.5rem",
107
- g32: "2rem",
108
- g40: "2.5rem",
109
- },
117
+ pagePadding: pagePadding,
118
+ customPadding: customPadding,
119
+ theBorderRadius: theBorderRadius,
120
+ gaps: gaps,
110
121
  row: {
111
122
  display: "flex",
112
123
  alignItems: "center",
@@ -117,31 +128,31 @@ var theme = (0, styles_1.createTheme)({
117
128
  },
118
129
  headerTitle: {
119
130
  color: "text.white",
120
- fontWeight: "typography.fontWeight500",
121
- fontSize: "typography.fontSize16",
131
+ fontWeight: typography.fontWeight500,
132
+ fontSize: typography.fontSize16,
122
133
  textAlign: "center",
123
134
  },
124
135
  sessionTitle: {
125
136
  color: "#ffffff",
126
- fontWeight: "typography.fontWeight600",
127
- fontSize: "typography.fontSize18",
137
+ fontWeight: typography.fontWeight600,
138
+ fontSize: typography.fontSize18,
128
139
  textAlign: "center",
129
140
  },
130
141
  sessionDescription: {
131
- color: "text.white64",
132
- fontWeight: "typography.fontWeight400",
133
- fontSize: "typography.fontSize14",
142
+ color: text.white64,
143
+ fontWeight: typography.fontWeight400,
144
+ fontSize: typography.fontSize14,
134
145
  textAlign: "center",
135
146
  },
136
147
  noteContent: {
137
- color: "text.white64",
138
- fontWeight: "typography.fontWeight400",
139
- fontSize: "typography.fontSize12",
148
+ color: text.white64,
149
+ fontWeight: typography.fontWeight400,
150
+ fontSize: typography.fontSize12,
140
151
  },
141
152
  fieldTitle: {
142
153
  color: "text.white",
143
- fontWeight: "typography.fontWeight500",
144
- fontSize: "typography.fontSize14",
154
+ fontWeight: typography.fontWeight500,
155
+ fontSize: typography.fontSize14,
145
156
  },
146
157
  center: {
147
158
  position: "absolute",
@@ -151,15 +162,15 @@ var theme = (0, styles_1.createTheme)({
151
162
  },
152
163
  value: {
153
164
  color: "text.white",
154
- fontWeight: "typography.fontWeight500",
155
- fontSize: "typography.fontSize14",
156
- lineHeight: "typography.leading140",
165
+ fontWeight: typography.fontWeight500,
166
+ fontSize: typography.fontSize14,
167
+ lineHeight: typography.leading140,
157
168
  },
158
169
  valueDescription: {
159
- color: "text.white64",
160
- fontWeight: "typography.fontWeight400",
161
- fontSize: "typography.fontSize12",
162
- lineHeight: "typography.leading140",
170
+ color: text.white64,
171
+ fontWeight: typography.fontWeight400,
172
+ fontSize: typography.fontSize12,
173
+ lineHeight: typography.leading140,
163
174
  },
164
175
  },
165
176
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tek-wallet",
3
- "version": "0.0.151",
3
+ "version": "0.0.153",
4
4
  "description": "A custom React provider with TypeScript support",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",