@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
27 lines • 983 B
JavaScript
import styled, { css } from 'styled-components';
import { getStyles, getTypographyStyles } from '../../utils/getStyles/getStyles';
export const DropdrownSelectedContainerStyled = styled.div `
position: relative;
display: flex;
${props => getStyles(props.styles?.container)}
`;
export const ButtonOrLinkContainerStyled = styled.button.withConfig({
shouldForwardProp: () => true,
}) `
transform: rotate(0deg);
transition: transform 0.15s ease-in-out;
${({ $rotate }) => $rotate &&
css `
svg {
transform: rotate(180deg);
}
`};
${props => getStyles(props.styles?.buttonOrLinkContainer)}
${props => getTypographyStyles(props.styles?.buttonOrLinkContainer)}
`;
export const ListOptionsContainerStyled = styled.div `
${props => getStyles(props.styles?.listOptionsContainer)}
`;
export const PopoverContainerStyled = styled.div ``;
export const ParentButtonContainerStyled = styled.div ``;
//# sourceMappingURL=dropdownSelected.styled.js.map