@braineet/ui
Version:
Braineet design system
40 lines (39 loc) • 2.14 kB
JavaScript
;
exports.__esModule = true;
exports.StyledTextareaAutoSize = exports.StyledTextarea = exports.StyledIcon = exports.StyledBox = void 0;
var _reactTextareaAutosize = _interopRequireDefault(require("react-textarea-autosize"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _utils = require("../../utils");
var _box = _interopRequireDefault(require("../box"));
var _icon = _interopRequireDefault(require("../icon"));
var _input = _interopRequireDefault(require("../input"));
var _styles = require("../input/styles");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var StyledBox = (0, _styledComponents.default)(_box.default).withConfig({
displayName: "styles__StyledBox",
componentId: "sc-zfj9zi-0"
})(["position:relative;"]);
exports.StyledBox = StyledBox;
var StyledTextarea = (0, _styledComponents.default)(_input.default).withConfig({
displayName: "styles__StyledTextarea",
componentId: "sc-zfj9zi-1"
})(["width:100%;min-height:", ";padding:", ";resize:none;font-family:inherit;line-height:1.2;"], (0, _utils.fluid)(120), (0, _utils.fluid)(8));
exports.StyledTextarea = StyledTextarea;
var StyledTextareaAutoSize = (0, _styledComponents.default)(_reactTextareaAutosize.default).withConfig({
displayName: "styles__StyledTextareaAutoSize",
componentId: "sc-zfj9zi-2"
})(["", " width:100%;resize:none;border-radius:", ";font-family:inherit;", " ", " ", " ", " ", " line-height:1.2;"], _styles.DefaultInputStyles, function (props) {
return props.theme.borderRadius.md;
}, _styles.FocusedInputStyles, _styles.FilledInputStyles, _styles.InvalidInputStyles, _styles.DisabledInputStyles, function (p) {
return p.theme.helpers.getTextStyle('md');
});
exports.StyledTextareaAutoSize = StyledTextareaAutoSize;
var StyledIcon = (0, _styledComponents.default)(_icon.default).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;
});
exports.StyledIcon = StyledIcon;