@kubit-ui-web/react-components/dist/esm/designSystem/kubitWireframe/commons/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 { SPACINGS } from '../../../../../designSystem/kubitWireframe/commons/foundations/spacings';
import { PillSizeTypeV2, PillVariantTypeV2 } from '../variants';
import { PillSelectorSizeTypeV2, PillSelectorVariantTypeV2 } from './variants';
const buildCommonProps = (COLORS) => ({
    rootContainer: {
        display: 'flex',
        flex_direction: 'row',
        max_width: 'fit-content',
        gap: SPACINGS.spacing_100,
    },
    pill: {
        variant: PillVariantTypeV2.DEFAULT,
    },
});
export const getPillSelectorStylesV2 = (COLORS) => {
    const commonProps = buildCommonProps(COLORS);
    return {
        [PillSelectorVariantTypeV2.DEFAULT]: {
            [PillSelectorSizeTypeV2.LARGE]: {
                ...commonProps,
                pill: {
                    ...commonProps.pill,
                    size: PillSizeTypeV2.LARGE,
                },
            },
            [PillSelectorSizeTypeV2.SMALL]: {
                ...commonProps,
                pill: {
                    ...commonProps.pill,
                    size: PillSizeTypeV2.SMALL,
                },
            },
        },
    };
};
//# sourceMappingURL=styles.js.map