@kubit-ui-web/react-components/dist/esm/components/option/option.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';
import { getStyles, getTypographyStyles } from '../../utils/getStyles/getStyles';
export const OptionDivStyled = styled.div ``;
export const OptionStyled = styled.div.withConfig({
    shouldForwardProp: () => true,
}) `
  ${props => getStyles(props.$stateStyles?.container)}
  ${props => getTypographyStyles(props.$stateStyles?.container)}
  &:before {
    content: '';
    ${props => getStyles(props.$stateStyles?.containerBefore)}
  }
  :focus-visible {
    border-radius: ${props => props.$stateStyles?.containerFocusVisible?.border_radius};
    outline-offset: ${props => props.$stateStyles?.containerFocusVisible?.outline_offset};
  }
`;
export const OptionFirstRowWrapperStyled = styled.div `
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
`;
export const OptionLabelIconWrapper = styled.div `
  ${props => getStyles(props.stateStyles?.labelIconContainer)}
`;
export const OptionLabelHighlightedLabelWrapper = styled.p ``;
export const OptionSublabelContainer = styled.div `
  ${props => getStyles(props.stateStyles?.sublabelContainer)}
`;
//# sourceMappingURL=option.styled.js.map