@kubit-ui-web/react-components/dist/esm/components/summaryDetails/summaryDetails.styled.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import styled from 'styled-components';
// styles
import { getStyles } from '../../utils/getStyles/getStyles';
import { LineSeparatorPositionType, } from '../lineSeparator/types/lineSeparatorTheme';
export const ContainerStyled = styled.details `
  ${({ styles }) => getStyles(styles.container)};
`;
export const HeaderStyled = styled.summary `
  ${({ styles }) => getStyles(styles.header)};
  user-select: none;
  // hide default agent arrow
  list-style: none;
  ::-webkit-details-marker {
    display: none;
  }
  > :last-child {
    ${({ styles }) => getStyles(styles.header?.lastChild)};
    ${({ styles, lineSeparatorLineStyles, $isOpen, hasLineSeparator }) => styles.hasLineSeparator && !$isOpen && hasLineSeparator
    ? lineSeparatorLineStyles.buildLineStyles?.(LineSeparatorPositionType.BOTTOM)
    : undefined}
  }
`;
export const HeaderTitleIconStyled = styled.span `
  ${({ styles }) => getStyles(styles.header?.firstChild)};
`;
export const TitleWrapper = styled.span `
  ${({ styles }) => getStyles(styles.titleContainer)};
`;
export const LeftIconWrapper = styled.span `
  ${({ styles }) => getStyles(styles.leftIconContainer)};
`;
export const RightIconWrapper = styled.span `
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(0deg);
  transition: 'transform 0.15s ease-in-out';
  ${({ styles }) => getStyles(styles.rightIconContainer)};
`;
export const BodyStyled = styled.div `
  ${({ styles }) => getStyles(styles.body)};
`;
//# sourceMappingURL=summaryDetails.styled.js.map