@braineet/ui
Version:
Braineet design system
36 lines (35 loc) • 2.07 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(e) { return e && e.__esModule ? e : { default: e }; }
var StyledBox = exports.StyledBox = (0, _styledComponents.default)(_box.default).withConfig({
displayName: "styles__StyledBox",
componentId: "sc-zfj9zi-0"
})(["position:relative;"]);
var StyledTextarea = exports.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));
var StyledTextareaAutoSize = exports.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');
});
var StyledIcon = exports.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;
});