tek-wallet 0.0.118 → 0.0.119

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 (9) hide show
  1. package/dist/components/layouts/ChildPageLayout/index.js +2 -2
  2. package/dist/components/layouts/DefaultPageLayout/index.js +5 -1
  3. package/dist/components/ui/OTP/index.js +3 -3
  4. package/dist/components/ui/PageHeader/index.js +2 -1
  5. package/dist/components/views/GetSeedPhraseWalletView/index.js +5 -4
  6. package/dist/theme/mui/styles.d.ts +8 -8
  7. package/dist/theme/mui/styles.js +14 -10
  8. package/dist/theme/mui/theme.js +41 -40
  9. package/package.json +1 -1
package/dist/components/layouts/ChildPageLayout/index.js CHANGED
@@ -68,8 +68,8 @@ var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
68
68
  display: "flex",
69
69
  alignItems: "center",
70
70
  justifyContent: "center",
71
- backgroundColor: "blackBackground.24",
72
- backdropFilter: "blur(10px)",
71
+ backgroundColor: "blackBackground.16",
72
+ backdropFilter: "blur(4px)",
73
73
  zIndex: 50,
74
74
  }, children: (0, jsx_runtime_1.jsx)(StatusDisplay_2.default, { status: status }) }))] }));
75
75
  });
package/dist/components/layouts/DefaultPageLayout/index.js CHANGED
@@ -11,10 +11,14 @@ var __assign = (this && this.__assign) || function () {
11
11
  };
12
12
  return __assign.apply(this, arguments);
13
13
  };
14
+ var __importDefault = (this && this.__importDefault) || function (mod) {
15
+ return (mod && mod.__esModule) ? mod : { "default": mod };
16
+ };
14
17
  Object.defineProperty(exports, "__esModule", { value: true });
15
18
  var jsx_runtime_1 = require("react/jsx-runtime");
19
+ var theme_1 = __importDefault(require("../../../theme/mui/theme"));
16
20
  var material_1 = require("@mui/material");
17
21
  var DefaultPageLayout = function (props) {
18
- return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ padding: "padding.pageX", paddingTop: "padding.pageTop", paddingBottom: "padding.pageBottom", minHeight: "100%", width: "100%" }, props.sx), children: props.children }));
22
+ return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ padding: theme_1.default.palette.padding.pageX, paddingTop: theme_1.default.palette.padding.pageTop, paddingBottom: theme_1.default.palette.padding.pageBottom, minHeight: "100%", width: "100%" }, props.sx), children: props.children }));
19
23
  };
20
24
  exports.default = DefaultPageLayout;
package/dist/components/ui/OTP/index.js CHANGED
@@ -38,14 +38,14 @@ var CustomOtpInput = function (props) {
38
38
  switch (otpInputType) {
39
39
  case OtpInputType.PASSWORD:
40
40
  return ((0, jsx_runtime_1.jsx)(react_otp_input_1.default, __assign({}, rest, { inputType: "password", inputStyle: {
41
- border: "1px solid whiteBorder.24",
41
+ border: "1px solid #ffffff58",
42
42
  borderRadius: "0.75rem",
43
43
  width: "2.8rem",
44
44
  aspectRatio: "1/1.1",
45
45
  margin: "0 0.25rem",
46
46
  outline: "none",
47
- color: "whiteText.main",
48
- backgroundColor: "blackBackground.24",
47
+ color: "#ffffff",
48
+ backgroundColor: "#ffffff29",
49
49
  }, renderInput: function (props) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props, { inputMode: "decimal" })), (0, jsx_runtime_1.jsx)("style", { children: "input::selection {\n background-color: transparent; \n color: white; \n }" })] })); } })));
50
50
  default:
51
51
  return ((0, jsx_runtime_1.jsx)(react_otp_input_1.default, __assign({}, rest, { renderInput: function (props) { return (0, jsx_runtime_1.jsx)("input", __assign({}, props, { inputMode: "text" })); } })));
package/dist/components/ui/PageHeader/index.js CHANGED
@@ -17,9 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
17
17
  Object.defineProperty(exports, "__esModule", { value: true });
18
18
  var jsx_runtime_1 = require("react/jsx-runtime");
19
19
  var styles_1 = require("../../../theme/mui/styles");
20
+ var theme_1 = __importDefault(require("../../../theme/mui/theme"));
20
21
  var BackHeader_1 = __importDefault(require("../BackHeader"));
21
22
  var Text_1 = __importDefault(require("../Text"));
22
23
  var PageHeader = function (props) {
23
- return ((0, jsx_runtime_1.jsx)(BackHeader_1.default, { overrideBack: props.overrideBack, sx: __assign({ display: "flex", alignItems: "center", height: "100%", position: "relative", paddingLeft: "padding.pageX", paddingRight: "padding.pageX" }, props.sx), children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, styles_1.headerTitle), { position: "absolute", left: "50%", top: "50%", transform: "translate(-50%, -50%)" }), children: props.title }) }));
24
+ return ((0, jsx_runtime_1.jsx)(BackHeader_1.default, { overrideBack: props.overrideBack, sx: __assign({ display: "flex", alignItems: "center", height: "100%", position: "relative", paddingLeft: theme_1.default.palette.padding.pageX, paddingRight: theme_1.default.palette.padding.pageX }, props.sx), children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, styles_1.headerTitle), { position: "absolute", left: "50%", top: "50%", transform: "translate(-50%, -50%)" }), children: props.title }) }));
24
25
  };
25
26
  exports.default = PageHeader;
package/dist/components/views/GetSeedPhraseWalletView/index.js CHANGED
@@ -64,6 +64,7 @@ var Button_1 = __importDefault(require("../../ui/Button"));
64
64
  var Icon_1 = __importDefault(require("../../ui/Icon"));
65
65
  var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
66
66
  var styles_1 = require("../../../theme/mui/styles");
67
+ var theme_1 = __importDefault(require("../../../theme/mui/theme"));
67
68
  var GetSeedPhraseWalletViewStep;
68
69
  (function (GetSeedPhraseWalletViewStep) {
69
70
  GetSeedPhraseWalletViewStep[GetSeedPhraseWalletViewStep["ENTER_PASSCODE"] = 0] = "ENTER_PASSCODE";
@@ -162,12 +163,12 @@ var GetSeedPhraseWalletView = function (props) {
162
163
  gap: "1rem",
163
164
  height: "fit-content",
164
165
  }, children: seedPhrase === null || seedPhrase === void 0 ? void 0 : seedPhrase.split(" ").map(function (word, index) { return ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
165
- color: "whiteText.main",
166
+ color: theme_1.default.palette.whiteText.main,
166
167
  padding: "0.5rem 0.75rem",
167
- backgroundColor: "blackBackground.16",
168
+ backgroundColor: theme_1.default.palette.blackBackground._16,
168
169
  borderRadius: "0.5rem",
169
- fontSize: "fontSize.14",
170
- fontWeight: "fontWeight.400",
170
+ fontSize: theme_1.default.palette.fontSize._14,
171
+ fontWeight: theme_1.default.palette.fontWeight._400,
171
172
  textAlign: "center",
172
173
  width: "100%",
173
174
  border: "1px solid blackBackground.24",
package/dist/theme/mui/styles.d.ts CHANGED
@@ -1,21 +1,21 @@
1
1
  export declare const sessionTitle: {
2
2
  color: string;
3
- fontWeight: string;
4
- fontSize: string;
3
+ fontWeight: any;
4
+ fontSize: any;
5
5
  };
6
6
  export declare const sessionDescription: {
7
7
  color: string;
8
- fontWeight: string;
9
- fontSize: string;
8
+ fontWeight: any;
9
+ fontSize: any;
10
10
  textAlign: string;
11
11
  };
12
12
  export declare const headerTitle: {
13
13
  color: string;
14
- fontWeight: string;
15
- fontSize: string;
14
+ fontWeight: any;
15
+ fontSize: any;
16
16
  };
17
17
  export declare const noteContent: {
18
18
  color: string;
19
- fontWeight: string;
20
- fontSize: string;
19
+ fontWeight: any;
20
+ fontSize: any;
21
21
  };
package/dist/theme/mui/styles.js CHANGED
@@ -1,24 +1,28 @@
1
1
  "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
2
5
  Object.defineProperty(exports, "__esModule", { value: true });
3
6
  exports.noteContent = exports.headerTitle = exports.sessionDescription = exports.sessionTitle = void 0;
7
+ var theme_1 = __importDefault(require("./theme"));
4
8
  exports.sessionTitle = {
5
9
  color: "whiteText.main",
6
- fontWeight: "fontWeight.600",
7
- fontSize: "fontSize.16",
10
+ fontWeight: theme_1.default.palette.fontWeight._600,
11
+ fontSize: theme_1.default.palette.fontSize._16,
8
12
  };
9
13
  exports.sessionDescription = {
10
- color: "whiteText.80",
11
- fontWeight: "fontWeight.400",
12
- fontSize: "fontSize.14",
14
+ color: "whiteText._80",
15
+ fontWeight: theme_1.default.palette.fontWeight._400,
16
+ fontSize: theme_1.default.palette.fontSize._14,
13
17
  textAlign: "center",
14
18
  };
15
19
  exports.headerTitle = {
16
20
  color: "whiteText.main",
17
- fontWeight: "fontWeight.600",
18
- fontSize: "fontSize.16",
21
+ fontWeight: theme_1.default.palette.fontWeight._600,
22
+ fontSize: theme_1.default.palette.fontSize._16,
19
23
  };
20
24
  exports.noteContent = {
21
- color: "whiteText.80",
22
- fontWeight: "fontWeight.400",
23
- fontSize: "fontSize.12",
25
+ color: "whiteText._80",
26
+ fontWeight: theme_1.default.palette.fontWeight._400,
27
+ fontSize: theme_1.default.palette.fontSize._12,
24
28
  };
package/dist/theme/mui/theme.js CHANGED
@@ -11,61 +11,61 @@ var theme = (0, styles_1.createTheme)({
11
11
  },
12
12
  whiteBackground: {
13
13
  main: "#ffffff",
14
- 16: "rgba(255, 255, 255, 0.16)",
15
- 24: "rgba(255, 255, 255, 0.24)",
14
+ _16: "rgba(255, 255, 255, 0.16)",
15
+ _24: "rgba(255, 255, 255, 0.24)",
16
16
  },
17
17
  whiteText: {
18
18
  main: "#ffffff",
19
- 16: "rgba(255, 255, 255, 0.16)",
20
- 24: "rgba(255, 255, 255, 0.24)",
21
- 80: "rgba(255, 255, 255, 0.8)",
19
+ _16: "rgba(255, 255, 255, 0.16)",
20
+ _24: "rgba(255, 255, 255, 0.24)",
21
+ _80: "rgba(255, 255, 255, 0.8)",
22
22
  },
23
23
  whiteBorder: {
24
24
  main: "#ffffff",
25
- 16: "rgba(255, 255, 255, 0.16)",
26
- 24: "rgba(255, 255, 255, 0.24)",
25
+ _16: "rgba(255, 255, 255, 0.16)",
26
+ _24: "rgba(255, 255, 255, 0.24)",
27
27
  },
28
28
  blackBackground: {
29
29
  main: "#000000",
30
- 16: "rgba(0, 0, 0, 0.16)",
31
- 24: "rgba(0, 0, 0, 0.24)",
30
+ _16: "rgba(0, 0, 0, 0.16)",
31
+ _24: "rgba(0, 0, 0, 0.24)",
32
32
  },
33
33
  fontSize: {
34
- 10: "0.625rem",
35
- 11: "0.6875rem",
36
- 12: "0.75rem",
37
- 13: "0.8125rem",
38
- 14: "0.875rem",
39
- 15: "0.9375rem",
40
- 16: "1rem",
41
- 17: "1.0625rem",
42
- 18: "1.125rem",
43
- 19: "1.1875rem",
44
- 20: "1.25rem",
45
- 21: "1.3125rem",
46
- 22: "1.375rem",
47
- 23: "1.4375rem",
48
- 24: "1.5rem",
49
- 25: "1.5625rem",
50
- 26: "1.625rem",
51
- 27: "1.6875rem",
52
- 28: "1.75rem",
53
- 29: "1.8125rem",
54
- 30: "1.875rem",
34
+ _10: "0.625rem",
35
+ _11: "0.6875rem",
36
+ _12: "0.75rem",
37
+ _13: "0.8125rem",
38
+ _14: "0.875rem",
39
+ _15: "0.9375rem",
40
+ _16: "1rem",
41
+ _17: "1.0625rem",
42
+ _18: "1.125rem",
43
+ _19: "1.1875rem",
44
+ _20: "1.25rem",
45
+ _21: "1.3125rem",
46
+ _22: "1.375rem",
47
+ _23: "1.4375rem",
48
+ _24: "1.5rem",
49
+ _25: "1.5625rem",
50
+ _26: "1.625rem",
51
+ _27: "1.6875rem",
52
+ _28: "1.75rem",
53
+ _29: "1.8125rem",
54
+ _30: "1.875rem",
55
55
  },
56
56
  fontWeight: {
57
- 400: "400",
58
- 500: "500",
59
- 600: "600",
60
- 700: "700",
61
- 800: "800",
57
+ _400: "400",
58
+ _500: "500",
59
+ _600: "600",
60
+ _700: "700",
61
+ _800: "800",
62
62
  },
63
63
  lineHeight: {
64
- 100: "100%",
65
- 120: "120%",
66
- 140: "140%",
67
- 160: "160%",
68
- 180: "180%",
64
+ _100: "100%",
65
+ _120: "120%",
66
+ _140: "140%",
67
+ _160: "160%",
68
+ _180: "180%",
69
69
  },
70
70
  padding: {
71
71
  pageX: "1rem",
@@ -73,5 +73,6 @@ var theme = (0, styles_1.createTheme)({
73
73
  pageBottom: "2rem",
74
74
  },
75
75
  },
76
+ spacing: function (factor) { return "".concat(factor * 1, "rem"); },
76
77
  });
77
78
  exports.default = theme;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tek-wallet",
3
- "version": "0.0.118",
3
+ "version": "0.0.119",
4
4
  "description": "A custom React provider with TypeScript support",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",