@braineet/ui
Version:
Braineet design system
31 lines • 1.5 kB
JavaScript
import TextareaAutosize from 'react-textarea-autosize';
import styled from 'styled-components';
import { fluid } from '../../utils';
import Box from '../box';
import Icon from '../icon';
import Input from '../input';
import { DefaultInputStyles, FocusedInputStyles, FilledInputStyles, InvalidInputStyles, DisabledInputStyles } from '../input/styles';
export var StyledBox = styled(Box).withConfig({
displayName: "styles__StyledBox",
componentId: "sc-zfj9zi-0"
})(["position:relative;"]);
export var StyledTextarea = styled(Input).withConfig({
displayName: "styles__StyledTextarea",
componentId: "sc-zfj9zi-1"
})(["width:100%;min-height:", ";padding:", ";resize:none;font-family:inherit;line-height:1.2;"], fluid(120), fluid(8));
export var StyledTextareaAutoSize = styled(TextareaAutosize).withConfig({
displayName: "styles__StyledTextareaAutoSize",
componentId: "sc-zfj9zi-2"
})(["", " width:100%;resize:none;border-radius:", ";font-family:inherit;", " ", " ", " ", " ", " line-height:1.2;"], DefaultInputStyles, function (props) {
return props.theme.borderRadius.md;
}, FocusedInputStyles, FilledInputStyles, InvalidInputStyles, DisabledInputStyles, function (p) {
return p.theme.helpers.getTextStyle('md');
});
export var StyledIcon = styled(Icon).withConfig({
displayName: "styles__StyledIcon",
componentId: "sc-zfj9zi-3"
})(["position:absolute;right:", ";top:", ";"], function (props) {
return props.theme.spaces.md;
}, function (props) {
return props.theme.spaces.md;
});