@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
42 lines • 2.19 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.LabelAndAdditionalInfoContainer = exports.TitleWrapperStyled = exports.ErrorWrapperStyled = exports.HelperTextAndErrorWrapperStyled = exports.TextAreaBottomStyled = exports.TextAreaStyled = exports.TextAreaBoxStyled = exports.TextAreaContainerStyled = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
const getStyles_1 = require("../../utils/getStyles/getStyles");
exports.TextAreaContainerStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles?.container)};
`;
exports.TextAreaBoxStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles?.labelTextAreaContainer)};
height: ${({ height }) => height};
`;
exports.TextAreaStyled = styled_components_1.default.textarea `
resize: ${({ styles }) => styles?.textArea?.resize};
${({ styles }) => (0, getStyles_1.getStyles)(styles?.textArea)};
${({ styles }) => (0, getStyles_1.getTypographyStyles)(styles?.textArea)};
height: ${({ height }) => height};
&::placeholder {
${({ styles }) => (0, getStyles_1.getTypographyStyles)(styles?.placeholder)};
}
`;
exports.TextAreaBottomStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles?.bottomContainer)};
`;
exports.HelperTextAndErrorWrapperStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles?.helpMessageErrorContainer)};
`;
exports.ErrorWrapperStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles?.errorContainer)};
`;
exports.TitleWrapperStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles?.titleContainer)};
`;
exports.LabelAndAdditionalInfoContainer = styled_components_1.default.div `
display: flex;
align-items: center;
${({ styles }) => (0, getStyles_1.getStyles)(styles?.labelAndAdditionalInfoContainer)};
`;
//# sourceMappingURL=textArea.styled.js.map