@kubit-ui-web/react-components/dist/esm/designSystem/kubit/components/pillSelectorV2/styles.js

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

import { BORDERS } from '../../foundations/borders';
import { COLORS } from '../../foundations/colors';
import { PillSizeTypeV2, PillVariantTypeV2 } from '../variants';
import { PillSelectorSizeTypeV2, PillSelectorVariantTypeV2 } from './variants';
const commonProps = {
    rootContainer: {
        display: 'flex',
        flex_direction: 'row',
        max_width: 'fit-content',
        border: `${BORDERS.border_50} solid ${COLORS.NEUTRAL.color_neutral_border_100}`,
    },
    pill: {
        variant: PillVariantTypeV2.PILL_SELECTOR,
    },
};
export const PILL_SELECTOR_STYLES_V2 = {
    [PillSelectorVariantTypeV2.DEFAULT]: {
        [PillSelectorSizeTypeV2.LARGE]: {
            ...commonProps,
            pill: {
                ...commonProps.pill,
                size: PillSizeTypeV2.LARGE,
            },
        },
        [PillSelectorSizeTypeV2.SMALL]: {
            ...commonProps,
            pill: {
                ...commonProps.pill,
                size: PillSizeTypeV2.SMALL,
            },
        },
    },
};
//# sourceMappingURL=styles.js.map