@patreon/studio
Version:
Patreon Studio Design System
15 lines • 776 B
JSX
import { styled } from 'styled-components';
import { tokens } from '~/tokens';
import { convertLegacyUnitValue } from '~/utilities/legacy-units';
export const DropdownContainer = styled.div `
background-color: ${tokens.global.bg.elevated.default};
border-radius: ${tokens.global.radius.md};
box-shadow: ${tokens.global.boxShadow.mid};
overflow: ${(props) => (props.hideOverflow ? 'hidden' : 'auto')};
position: absolute;
max-height: ${(props) => typeof props.maxHeight === 'number' ? convertLegacyUnitValue(props.maxHeight) : props.maxHeight};
isolation: isolate;
z-index: ${tokens.global.layer.z12};
width: ${(props) => (typeof props.width === 'number' ? convertLegacyUnitValue(props.width) : props.width)};
`;
//# sourceMappingURL=DropdownContainer.jsx.map