@wulperstudio/cms/legacy/components/TextFieldV5/styled.js

Wulper Studio Library Components CMS

import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject;
import { styled } from '@mui/material/styles';
import { TextField } from '@mui/material';
export var CssTextField = styled(TextField, {
  shouldForwardProp: function shouldForwardProp(props) {
    return props !== 'borderColor';
  }
})(function (props) {
  return {
    borderRadius: '10px',
    '& label.Mui-focused': {
      color: props.borderColor || '#f6f7fc'
    },
    '& .MuiInput-underline:after': {
      borderBottomColor: props.borderColor || '#f6f7fc'
    },
    '& .MuiOutlinedInput-root': {
      '& fieldset': {
        borderColor: props.borderColor || '#f6f7fc'
      },
      '&:hover fieldset': {
        borderColor: props.borderColor || '#f6f7fc'
      },
      '&.Mui-focused fieldset': {
        borderColor: props.borderColor || '#f6f7fc'
      }
    }
  };
});
export var Span = styled('span')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: #B2BEDA;\n  font-family: 'Poppins', 'Roboto';\n  font-weight: 500;\n  font-style: normal;\n  font-size: 14px;\n  line-height: 21px;\n  cursor: pointer;\n"])));