@kubit-ui-web/react-components/dist/cjs/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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PILL_SELECTOR_STYLES_V2 = void 0;
const borders_1 = require("../../foundations/borders");
const colors_1 = require("../../foundations/colors");
const variants_1 = require("../variants");
const variants_2 = require("./variants");
const commonProps = {
    rootContainer: {
        display: 'flex',
        flex_direction: 'row',
        max_width: 'fit-content',
        border: `${borders_1.BORDERS.border_50} solid ${colors_1.COLORS.NEUTRAL.color_neutral_border_100}`,
    },
    pill: {
        variant: variants_1.PillVariantTypeV2.PILL_SELECTOR,
    },
};
exports.PILL_SELECTOR_STYLES_V2 = {
    [variants_2.PillSelectorVariantTypeV2.DEFAULT]: {
        [variants_2.PillSelectorSizeTypeV2.LARGE]: {
            ...commonProps,
            pill: {
                ...commonProps.pill,
                size: variants_1.PillSizeTypeV2.LARGE,
            },
        },
        [variants_2.PillSelectorSizeTypeV2.SMALL]: {
            ...commonProps,
            pill: {
                ...commonProps.pill,
                size: variants_1.PillSizeTypeV2.SMALL,
            },
        },
    },
};
//# sourceMappingURL=styles.js.map