@vlinderclimate/net-zero-ui/overrides/MuiTextField.js

<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>

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var theme_colors = require('../theme/colors.js');
var theme_typography = require('../theme/typography.js');
require('../tslib.es6-9240d9d1.js');

// TODO: use Input styles
var MuiTextField = {
    root: {
        "& .MuiInputBase-root": {
            borderRadius: 0,
            // size
            fontSize: theme_typography.fontSize.l,
            padding: "16px 24px",
            "&.MuiInputBase-sizeSmall": {
                fontSize: theme_typography.fontSize.s,
                padding: "12px 16px"
            },
            // color
            backgroundColor: theme_colors["default"].gray.white + " !important",
            "&.MuiInputBase-colorSecondary": {
                backgroundColor: theme_colors["default"].gray[200] + " !important"
            },
            "&.Mui-focused": {
                boxShadow: "0 0 0 3px " + theme_colors["default"].primary.main
            },
            "&.Mui-error": {
                boxShadow: "0 0 0 3px " + theme_colors["default"].negative.main
            },
            "&.Mui-disabled": {
                backgroundColor: theme_colors["default"].gray[300]
            },
            "&:before, &:after": {
                content: "none"
            }
        },
        "& .MuiInputAdornment-positionStart": {
            marginTop: "0 !important"
        },
        "& .MuiInputBase-adornedStart": {
            paddingLeft: "24px",
            "&.MuiInputBase-sizeSmall": {
                paddingLeft: "16px"
            }
        }
    }
};

exports["default"] = MuiTextField;