@vlinderclimate/net-zero-ui
Version:
<div align="center"> <img src="https://storage.yandexcloud.net/static.vlinderstorage.com/Telegram_VlinderTech.png" width=200 /> </div> <h1 align="center">Net Zero UI kit</h1>
135 lines (128 loc) • 6.91 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var tslib_es6 = require('../tslib.es6-9240d9d1.js');
var jsxRuntime = require('react/jsx-runtime');
var React = require('react');
var styles = require('@mui/material/styles');
var MuiTextField = require('@mui/material/TextField');
var theme_colors = require('../theme/colors.js');
var components_EndAdornment = require('./EndAdornment.js');
var components_Input = require('./Input.js');
require('@mui/material/Box');
require('@mui/material/InputAdornment');
require('./Icon.js');
require('../icons/ArrowLeft.js');
require('../icons/ArrowRight.js');
require('../icons/CheckCircle.js');
require('../icons/CloseCircle.js');
require('../icons/InfoCircle.js');
require('../icons/ErrorCircle.js');
require('../icons/Attention.js');
require('../icons/HelpCircle.js');
require('../icons/Lock.js');
require('../icons/Delete.js');
require('../icons/TriangleRight.js');
require('../icons/TriangleLeft.js');
require('../icons/TriangleUp.js');
require('../icons/TriangleDown.js');
require('../icons/Download.js');
require('../icons/Key.js');
require('../icons/Edit.js');
require('../icons/Expand.js');
require('../icons/Collapse.js');
require('../icons/Success.js');
require('../icons/Fail.js');
require('../icons/Loading.js');
require('../icons/Check.js');
require('../icons/ChevronLeft.js');
require('../icons/ChevronRight.js');
require('../icons/Plus.js');
require('../icons/Minus.js');
require('../icons/Link.js');
require('../icons/Copy.js');
require('../icons/Medium.js');
require('../icons/Twitter.js');
require('../icons/Telegram.js');
require('../icons/Sort.js');
require('../icons/Close.js');
require('../icons/Search.js');
require('../icons/Instagram.js');
require('../icons/LinkedIn.js');
require('../icons/Reddit.js');
require('../icons/YouTube.js');
require('../icons/Update.js');
require('../icons/Facebook.js');
require('../icons/Cart.js');
require('../icons/Menu.js');
require('../icons/ShowPassword.js');
require('../icons/HidePassword.js');
require('../icons/Collection.js');
require('../icons/Sprout.js');
require('../icons/Verify.js');
require('../icons/User.js');
require('../icons/Convert.js');
require('../icons/Deposit.js');
require('../icons/Send.js');
require('../icons/Receive.js');
require('../icons/To.js');
require('../icons/Withdraw.js');
require('../icons/Clock.js');
require('../icons/Play.js');
require('../icons/Help.js');
require('../icons/CloseSmall.js');
require('../icons/MinusSmall.js');
require('../icons/PlusSmall.js');
require('../icons/Dropdown.js');
require('./Button.js');
require('@mui/material/Button');
require('../theme/typography.js');
require('@mui/material/Input');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var MuiTextField__default = /*#__PURE__*/_interopDefaultLegacy(MuiTextField);
var StyledTextField = styles.styled(MuiTextField__default["default"])(function (_a) {
var _b;
var _c, _d, _e, _f, _g, _h;
var size = _a.size, error = _a.error; _a.variant; var $append = _a.$append, theme = _a.theme;
return _b = {
"& .MuiInputBase-root": tslib_es6.__assign(tslib_es6.__assign({}, components_Input.formCommonStyles(theme)), { padding: (_c = components_Input.getPadding({ size: size, theme: theme, $append: $append })) === null || _c === void 0 ? void 0 : _c.main, fontSize: (_d = components_Input.getFontSize({ size: size, theme: theme })) === null || _d === void 0 ? void 0 : _d.main, lineHeight: (_e = components_Input.getLineHeight({ size: size, theme: theme })) === null || _e === void 0 ? void 0 : _e.main }),
"& .MuiFormHelperText-root": {
fontSize: theme.typography.fontSizeXs3,
fontWeight: theme.typography.fontWeightNormal,
color: error ? theme_colors["default"].text.negative : theme_colors["default"].text.secondary
},
"& .MuiFormLabel-root": {
display: "block",
color: theme.palette.gray[700],
fontSize: theme.typography.fontSizeXs2,
fontWeight: theme.typography.fontWeightNormal,
lineHeight: theme.typography.lineHeightXs2,
marginBottom: theme.spacing(1)
}
},
_b[theme.breakpoints.down("sm")] = {
"& .MuiInputBase-root": {
padding: (_f = components_Input.getPadding({ size: size, theme: theme, $append: $append })) === null || _f === void 0 ? void 0 : _f.mobile,
fontSize: (_g = components_Input.getFontSize({ size: size, theme: theme })) === null || _g === void 0 ? void 0 : _g.mobile,
lineHeight: (_h = components_Input.getLineHeight({ size: size, theme: theme })) === null || _h === void 0 ? void 0 : _h.mobile
},
"& .MuiFormHelperText-root, & .MuiFormLabel-root": {
fontSize: theme.typography.fontSizeXs4,
lineHeight: theme.typography.lineHeightXs4
}
},
_b;
});
var TextField = React.forwardRef(function (_a, ref) {
var _b, _c;
var _d = _a.color, color = _d === void 0 ? "secondary" : _d, _e = _a.size, size = _e === void 0 ? "md" : _e, error = _a.error, disabled = _a.disabled, InputProps = _a.InputProps, actionButtonProps = _a.actionButtonProps, variant = _a.variant, props = tslib_es6.__rest(_a, ["color", "size", "error", "disabled", "InputProps", "actionButtonProps", "variant"]);
var inputProps = (function () {
if (InputProps) {
var endAdornment = InputProps.endAdornment, rest = tslib_es6.__rest(InputProps, ["endAdornment"]);
return { endAdornment: endAdornment, InputProps: rest };
}
return undefined;
})();
var append = Boolean((_b = actionButtonProps !== null && actionButtonProps !== void 0 ? actionButtonProps : inputProps === null || inputProps === void 0 ? void 0 : inputProps.endAdornment) !== null && _b !== void 0 ? _b : error);
return (jsxRuntime.jsx(StyledTextField, tslib_es6.__assign({ ref: ref, size: size, error: error, variant: variant, "$append": Boolean((_c = error !== null && error !== void 0 ? error : inputProps === null || inputProps === void 0 ? void 0 : inputProps.endAdornment) !== null && _c !== void 0 ? _c : actionButtonProps), InputProps: tslib_es6.__assign(tslib_es6.__assign({}, inputProps === null || inputProps === void 0 ? void 0 : inputProps.InputProps), { error: error, color: color, disabled: disabled, className: "Input-" + variant, endAdornment: append ? (jsxRuntime.jsx(components_EndAdornment["default"], { size: size, error: error, actionButtonProps: actionButtonProps, endAdornment: inputProps === null || inputProps === void 0 ? void 0 : inputProps.endAdornment }, void 0)) : (false) }) }, props), void 0));
});
exports["default"] = TextField;