tek-wallet 0.0.233 → 0.0.235

package/dist/components/ui/Input/index.d.ts

@@ -1,11 +1,10 @@
-import { TextFieldProps } from "@mui/material";
-interface InputProps {
-    className?: string;
+import { TextFieldProps, BoxProps, SxProps } from "@mui/material";
+interface InputProps extends BoxProps {
     inputRest?: TextFieldProps;
-    inputStyles?: React.CSSProperties;
     leftPart?: React.ReactNode;
     rightPart?: React.ReactNode;
+    inputSx?: SxProps;
 }
 export type InputRef = HTMLInputElement;
-declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export default Input;

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

@@ -26,12 +26,22 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var react_1 = require("react");
 var Input = (0, react_1.forwardRef)(function (props, inputRef) {
-    var inputRest = props.inputRest, inputClassName = props.inputStyles, leftPart = props.leftPart, rightPart = props.rightPart, rest = __rest(props, ["inputRest", "inputStyles", "leftPart", "rightPart"]);
+    var inputRest = props.inputRest, leftPart = props.leftPart, rightPart = props.rightPart, sx = props.sx, inputSx = props.inputSx, rest = __rest(props, ["inputRest", "leftPart", "rightPart", "sx", "inputSx"]);
     var theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: inputRef, sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, borderRadius: theme.mixins.theBorderRadius.r12, px: theme.mixins.customPadding.p16, backgroundColor: "background.white16", border: "1px solid ".concat(theme.palette.border.white24), backdropFilter: "blur(10px)" }) }, rest, { children: [leftPart, (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, inputRest, { variant: "outlined", sx: __assign({ backgroundColor: "transparent", border: "none", outline: "none", fontSize: theme.typography.fontSize16, lineHeight: theme.typography.leading140, fontWeight: theme.typography.fontWeight400, color: theme.palette.text.white, py: theme.mixins.customPadding.p12, flex: 1, "& ::placeholder": {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: inputRef, sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, borderRadius: theme.mixins.theBorderRadius.r12, px: theme.mixins.customPadding.p16, backgroundColor: "background.white16", border: "1px solid ".concat(theme.palette.border.white24), backdropFilter: "blur(10px)" }), sx) }, rest, { children: [leftPart, (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, inputRest, { variant: "outlined", sx: __assign({ backgroundColor: "transparent", border: "none", outline: "none", flex: 1, height: "fit-content", minHeight: "unset", "& .MuiInputBase-input": {
+                        border: "none",
+                        outline: "none",
+                        color: theme.palette.text.white,
+                        fontSize: theme.typography.fontSize16,
+                        lineHeight: theme.typography.leading140,
+                        fontWeight: theme.typography.fontWeight400,
+                        height: "fit-content",
+                        minHeight: "unset",
+                    }, "& .MuiInputBase-input::placeholder": {
                         color: theme.palette.text.white64,
                         fontSize: theme.typography.fontSize14,
-                    } }, inputClassName) })), (0, jsx_runtime_1.jsx)("input", { style: {} }), rightPart] })));
+                        p: theme.mixins.customPadding.p12,
+                    } }, inputSx) })), rightPart] })));
 });
 Input.displayName = "Input";
 exports.default = Input;

package/dist/theme/mui/theme.js

@@ -226,6 +226,12 @@ var theme = (0, styles_1.createTheme)({
         smallButton: {
             fontSize: typography.fontSize11,
             padding: "".concat(customPadding.p8, " ").concat(customPadding.p4),
+            height: "fit-content",
+            minHeight: "unset",
+            minWidth: "unset",
+            width: "fit-content",
+            borderRadius: theBorderRadius.full,
+            lineHeight: typography.leading100,
         },
     },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.233",
+  "version": "0.0.235",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",