@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.23 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.BodyStyled = exports.RightIconWrapper = exports.LeftIconWrapper = exports.TitleWrapper = exports.HeaderTitleIconStyled = exports.HeaderStyled = exports.ContainerStyled = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
// styles
const getStyles_1 = require("../../utils/getStyles/getStyles");
const lineSeparatorTheme_1 = require("../lineSeparator/types/lineSeparatorTheme");
exports.ContainerStyled = styled_components_1.default.details `
${({ styles }) => (0, getStyles_1.getStyles)(styles.container)};
`;
exports.HeaderStyled = styled_components_1.default.summary `
${({ styles }) => (0, getStyles_1.getStyles)(styles.header)};
user-select: none;
// hide default agent arrow
list-style: none;
::-webkit-details-marker {
display: none;
}
> :last-child {
${({ styles }) => (0, getStyles_1.getStyles)(styles.header?.lastChild)};
${({ styles, lineSeparatorLineStyles, $isOpen, hasLineSeparator }) => styles.hasLineSeparator && !$isOpen && hasLineSeparator
? lineSeparatorLineStyles.buildLineStyles?.(lineSeparatorTheme_1.LineSeparatorPositionType.BOTTOM)
: undefined}
}
`;
exports.HeaderTitleIconStyled = styled_components_1.default.span `
${({ styles }) => (0, getStyles_1.getStyles)(styles.header?.firstChild)};
`;
exports.TitleWrapper = styled_components_1.default.span `
${({ styles }) => (0, getStyles_1.getStyles)(styles.titleContainer)};
`;
exports.LeftIconWrapper = styled_components_1.default.span `
${({ styles }) => (0, getStyles_1.getStyles)(styles.leftIconContainer)};
`;
exports.RightIconWrapper = styled_components_1.default.span `
display: flex;
align-items: center;
justify-content: center;
transform: rotate(0deg);
transition: 'transform 0.15s ease-in-out';
${({ styles }) => (0, getStyles_1.getStyles)(styles.rightIconContainer)};
`;
exports.BodyStyled = styled_components_1.default.div `
${({ styles }) => (0, getStyles_1.getStyles)(styles.body)};
`;
//# sourceMappingURL=summaryDetails.styled.js.map