tek-wallet 0.0.118 → 0.0.120

package/README.md

@@ -0,0 +1 @@
+# tek-wallet

package/dist/components/layouts/ChildPageLayout/index.js

@@ -68,8 +68,8 @@ var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
-                    backgroundColor: "blackBackground.24",
-                    backdropFilter: "blur(10px)",
+                    backgroundColor: "blackBackground.16",
+                    backdropFilter: "blur(4px)",
                     zIndex: 50,
                 }, children: (0, jsx_runtime_1.jsx)(StatusDisplay_2.default, { status: status }) }))] }));
 });

package/dist/components/layouts/DefaultPageLayout/index.js

@@ -11,10 +11,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var theme_1 = __importDefault(require("../../../theme/mui/theme"));
 var material_1 = require("@mui/material");
 var DefaultPageLayout = function (props) {
-    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 }));
+    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 }));
 };
 exports.default = DefaultPageLayout;

package/dist/components/ui/OTP/index.js

@@ -38,14 +38,14 @@ var CustomOtpInput = function (props) {
     switch (otpInputType) {
         case OtpInputType.PASSWORD:
             return ((0, jsx_runtime_1.jsx)(react_otp_input_1.default, __assign({}, rest, { inputType: "password", inputStyle: {
-                    border: "1px solid whiteBorder.24",
+                    border: "1px solid #ffffff58",
                     borderRadius: "0.75rem",
                     width: "2.8rem",
                     aspectRatio: "1/1.1",
                     margin: "0 0.25rem",
                     outline: "none",
-                    color: "whiteText.main",
-                    backgroundColor: "blackBackground.24",
+                    color: "#ffffff",
+                    backgroundColor: "#ffffff29",
                 }, 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          }" })] })); } })));
         default:
             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

@@ -17,9 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styles_1 = require("../../../theme/mui/styles");
+var theme_1 = __importDefault(require("../../../theme/mui/theme"));
 var BackHeader_1 = __importDefault(require("../BackHeader"));
 var Text_1 = __importDefault(require("../Text"));
 var PageHeader = function (props) {
-    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 }) }));
+    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 }) }));
 };
 exports.default = PageHeader;

package/dist/components/views/GetSeedPhraseWalletView/index.js

@@ -64,6 +64,7 @@ var Button_1 = __importDefault(require("../../ui/Button"));
 var Icon_1 = __importDefault(require("../../ui/Icon"));
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var styles_1 = require("../../../theme/mui/styles");
+var theme_1 = __importDefault(require("../../../theme/mui/theme"));
 var GetSeedPhraseWalletViewStep;
 (function (GetSeedPhraseWalletViewStep) {
     GetSeedPhraseWalletViewStep[GetSeedPhraseWalletViewStep["ENTER_PASSCODE"] = 0] = "ENTER_PASSCODE";
@@ -162,12 +163,12 @@ var GetSeedPhraseWalletView = function (props) {
                                         gap: "1rem",
                                         height: "fit-content",
                                     }, children: seedPhrase === null || seedPhrase === void 0 ? void 0 : seedPhrase.split(" ").map(function (word, index) { return ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
-                                            color: "whiteText.main",
+                                            color: theme_1.default.palette.whiteText.main,
                                             padding: "0.5rem 0.75rem",
-                                            backgroundColor: "blackBackground.16",
+                                            backgroundColor: theme_1.default.palette.blackBackground._16,
                                             borderRadius: "0.5rem",
-                                            fontSize: "fontSize.14",
-                                            fontWeight: "fontWeight.400",
+                                            fontSize: theme_1.default.palette.fontSize._14,
+                                            fontWeight: theme_1.default.palette.fontWeight._400,
                                             textAlign: "center",
                                             width: "100%",
                                             border: "1px solid blackBackground.24",

package/dist/theme/mui/styles.d.ts

@@ -1,21 +1,21 @@
 export declare const sessionTitle: {
     color: string;
-    fontWeight: string;
-    fontSize: string;
+    fontWeight: any;
+    fontSize: any;
 };
 export declare const sessionDescription: {
     color: string;
-    fontWeight: string;
-    fontSize: string;
+    fontWeight: any;
+    fontSize: any;
     textAlign: string;
 };
 export declare const headerTitle: {
     color: string;
-    fontWeight: string;
-    fontSize: string;
+    fontWeight: any;
+    fontSize: any;
 };
 export declare const noteContent: {
     color: string;
-    fontWeight: string;
-    fontSize: string;
+    fontWeight: any;
+    fontSize: any;
 };

package/dist/theme/mui/styles.js

@@ -1,24 +1,28 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.noteContent = exports.headerTitle = exports.sessionDescription = exports.sessionTitle = void 0;
+var theme_1 = __importDefault(require("./theme"));
 exports.sessionTitle = {
     color: "whiteText.main",
-    fontWeight: "fontWeight.600",
-    fontSize: "fontSize.16",
+    fontWeight: theme_1.default.palette.fontWeight._600,
+    fontSize: theme_1.default.palette.fontSize._16,
 };
 exports.sessionDescription = {
-    color: "whiteText.80",
-    fontWeight: "fontWeight.400",
-    fontSize: "fontSize.14",
+    color: "whiteText._80",
+    fontWeight: theme_1.default.palette.fontWeight._400,
+    fontSize: theme_1.default.palette.fontSize._14,
     textAlign: "center",
 };
 exports.headerTitle = {
     color: "whiteText.main",
-    fontWeight: "fontWeight.600",
-    fontSize: "fontSize.16",
+    fontWeight: theme_1.default.palette.fontWeight._600,
+    fontSize: theme_1.default.palette.fontSize._16,
 };
 exports.noteContent = {
-    color: "whiteText.80",
-    fontWeight: "fontWeight.400",
-    fontSize: "fontSize.12",
+    color: "whiteText._80",
+    fontWeight: theme_1.default.palette.fontWeight._400,
+    fontSize: theme_1.default.palette.fontSize._12,
 };

package/dist/theme/mui/theme.js

@@ -11,61 +11,61 @@ var theme = (0, styles_1.createTheme)({
         },
         whiteBackground: {
             main: "#ffffff",
-            16: "rgba(255, 255, 255, 0.16)",
-            24: "rgba(255, 255, 255, 0.24)",
+            _16: "rgba(255, 255, 255, 0.16)",
+            _24: "rgba(255, 255, 255, 0.24)",
         },
         whiteText: {
             main: "#ffffff",
-            16: "rgba(255, 255, 255, 0.16)",
-            24: "rgba(255, 255, 255, 0.24)",
-            80: "rgba(255, 255, 255, 0.8)",
+            _16: "rgba(255, 255, 255, 0.16)",
+            _24: "rgba(255, 255, 255, 0.24)",
+            _80: "rgba(255, 255, 255, 0.8)",
         },
         whiteBorder: {
             main: "#ffffff",
-            16: "rgba(255, 255, 255, 0.16)",
-            24: "rgba(255, 255, 255, 0.24)",
+            _16: "rgba(255, 255, 255, 0.16)",
+            _24: "rgba(255, 255, 255, 0.24)",
         },
         blackBackground: {
             main: "#000000",
-            16: "rgba(0, 0, 0, 0.16)",
-            24: "rgba(0, 0, 0, 0.24)",
+            _16: "rgba(0, 0, 0, 0.16)",
+            _24: "rgba(0, 0, 0, 0.24)",
         },
         fontSize: {
-            10: "0.625rem",
-            11: "0.6875rem",
-            12: "0.75rem",
-            13: "0.8125rem",
-            14: "0.875rem",
-            15: "0.9375rem",
-            16: "1rem",
-            17: "1.0625rem",
-            18: "1.125rem",
-            19: "1.1875rem",
-            20: "1.25rem",
-            21: "1.3125rem",
-            22: "1.375rem",
-            23: "1.4375rem",
-            24: "1.5rem",
-            25: "1.5625rem",
-            26: "1.625rem",
-            27: "1.6875rem",
-            28: "1.75rem",
-            29: "1.8125rem",
-            30: "1.875rem",
+            _10: "0.625rem",
+            _11: "0.6875rem",
+            _12: "0.75rem",
+            _13: "0.8125rem",
+            _14: "0.875rem",
+            _15: "0.9375rem",
+            _16: "1rem",
+            _17: "1.0625rem",
+            _18: "1.125rem",
+            _19: "1.1875rem",
+            _20: "1.25rem",
+            _21: "1.3125rem",
+            _22: "1.375rem",
+            _23: "1.4375rem",
+            _24: "1.5rem",
+            _25: "1.5625rem",
+            _26: "1.625rem",
+            _27: "1.6875rem",
+            _28: "1.75rem",
+            _29: "1.8125rem",
+            _30: "1.875rem",
         },
         fontWeight: {
-            400: "400",
-            500: "500",
-            600: "600",
-            700: "700",
-            800: "800",
+            _400: "400",
+            _500: "500",
+            _600: "600",
+            _700: "700",
+            _800: "800",
         },
         lineHeight: {
-            100: "100%",
-            120: "120%",
-            140: "140%",
-            160: "160%",
-            180: "180%",
+            _100: "100%",
+            _120: "120%",
+            _140: "140%",
+            _160: "160%",
+            _180: "180%",
         },
         padding: {
             pageX: "1rem",
@@ -73,5 +73,6 @@ var theme = (0, styles_1.createTheme)({
             pageBottom: "2rem",
         },
     },
+    spacing: function (factor) { return "".concat(factor * 1, "rem"); },
 });
 exports.default = theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.118",
+  "version": "0.0.120",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -62,5 +62,9 @@
   },
   "files": [
     "dist/**/*"
-  ]
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TheHappyLife/tek-wallet"
+  }
 }