@kubit-ui-web/react-components/dist/esm/designSystem/kubitWireframe/commons/components/inputCounter/styles.js

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

import { InputState } from '../../../../../components/input/types/inputTheme';
import { SPACINGS } from '../../../../../designSystem/kubitWireframe/commons/foundations/spacings';
import { FONT_WEIGHT } from '../../../../../designSystem/kubitWireframe/commons/foundations/typography';
import { TextVariantType } from '../../../../kubit/components/text/variants';
import { TextCountVariantType } from '../textCount/variants';
import { InputCounterVariant } from './variants';
const commonProps = COLORS => ({
    inputVariant: InputCounterVariant.DEFAULT,
    textCountVariant: TextCountVariantType.DEFAULT,
    textCountTextVariant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
    textCountLeftWeight: FONT_WEIGHT.font_weight_500,
    textCountLeftColor: COLORS.FEEDBACK.color_feedbackSuccess_font_50,
    textCountRightWeight: FONT_WEIGHT.font_weight_300,
    textCountRightColor: COLORS.NEUTRAL.color_neutral_font_100,
    textCounterContainer: {
        margin_right: SPACINGS.spacing_0,
        margin_top: SPACINGS.spacing_150,
    },
});
export const getInputCounterStyles = (COLORS) => {
    return {
        [InputCounterVariant.DEFAULT]: {
            [InputState.EMPTY]: {
                ...commonProps(COLORS),
            },
            [InputState.ACTIVE]: {
                ...commonProps(COLORS),
            },
            [InputState.FILLED]: {
                ...commonProps(COLORS),
            },
            [InputState.ERROR_EMPTY]: {
                ...commonProps(COLORS),
            },
            [InputState.ERROR_FILLED]: {
                ...commonProps(COLORS),
            },
            [InputState.ERROR_ACTIVE]: {
                ...commonProps(COLORS),
            },
            [InputState.DISABLED_EMPTY]: {
                ...commonProps(COLORS),
            },
            [InputState.DISABLED_FILLED]: {
                ...commonProps(COLORS),
            },
            [InputState.DISABLED_FILLED_WITH_INFO]: {
                ...commonProps(COLORS),
            },
        },
    };
};
//# sourceMappingURL=styles.js.map