@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
49 lines • 2.8 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.LinksContainerStyled = exports.LinkContainerStyled = exports.CloseButtonSectionStyled = exports.ActioButtonWrapperStyled = exports.ButtonSectionStyled = exports.ExtraActioButtonWrapperStyled = exports.MessageContentStyled = exports.MessageTextStyled = exports.MessageHeaderStyled = exports.MessageStyled = exports.ParentContainerStyled = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
const getStyles_1 = require("../../utils/getStyles/getStyles");
exports.ParentContainerStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles.parentContainer)};
`;
exports.MessageStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles.container)};
`;
exports.MessageHeaderStyled = styled_components_1.default.div `
${({ styles, withIcon }) => withIcon &&
`margin-right: calc(${styles?.closeIcon?.width ?? '0rem'} + ${styles?.closeIconContainer?.gap ?? '0rem'});`};
${({ styles }) => (0, getStyles_1.getStyles)(styles.headerContainer)};
${({ styles, isLargeMessage }) => isLargeMessage && (0, getStyles_1.getStyles)(styles.headerContainerLargeMessage)};
`;
exports.MessageTextStyled = styled_components_1.default.div `
display: flex;
flex-direction: column;
padding-right: ${props => (props.extraPaddingGap ? props.styles?.width : '0')};
word-break: break-word;
`;
exports.MessageContentStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles.contentContainer)};
${({ styles, isLargeMessage }) => isLargeMessage && (0, getStyles_1.getStyles)(styles.contentContainerLargeMessage)};
`;
exports.ExtraActioButtonWrapperStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles.extraActionButtonContainer)};
`;
exports.ButtonSectionStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles.buttonSectionContainer)};
`;
exports.ActioButtonWrapperStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles.actionButtonContainer)};
`;
exports.CloseButtonSectionStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles.closeIconContainer)};
`;
exports.LinkContainerStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles.linkContainer)};
`;
exports.LinksContainerStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles.linksContainer)};
`;
//# sourceMappingURL=message.styled.js.map