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

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

import { InputHelpMessagePosition, InputState, LABEL_TYPE, } from '../../../../../components/input/types/inputTheme';
import { DeviceBreakpointsType } from '../../../../../types/breakpoints/breakpoints';
import { PopoverVariantType } from '../popover/variants';
import { ActionBottomSheetVariantType } from '../variants';
import { InputDateVariantType } from './variants';
InputState;
const commonProps = {
    inputVariant: InputDateVariantType.DEFAULT,
    helpMessage: {
        position: InputHelpMessagePosition.TOP,
    },
    actionBottomSheetVariant: ActionBottomSheetVariantType.DEFAULT,
    popoverVariant: {
        [DeviceBreakpointsType.DESKTOP]: PopoverVariantType.INPUT_DROPDOWN_LEVEL_ONE,
        [DeviceBreakpointsType.TABLET]: PopoverVariantType.INPUT_DROPDOWN_LEVEL_ONE,
        [DeviceBreakpointsType.MOBILE]: PopoverVariantType.INPUT_DROPDOWN_LEVEL_ONE,
    },
    useActionBottomSheet: {
        [DeviceBreakpointsType.DESKTOP]: false,
        [DeviceBreakpointsType.TABLET]: true,
        [DeviceBreakpointsType.MOBILE]: true,
    },
    label: {
        type: LABEL_TYPE.STANDARD,
    },
};
export const getInputDateStyles = (COLORS) => {
    return {
        [InputDateVariantType.DEFAULT]: {
            [InputState.EMPTY]: {
                ...commonProps,
            },
            [InputState.ACTIVE]: {
                ...commonProps,
            },
            [InputState.FILLED]: {
                ...commonProps,
            },
            [InputState.ERROR_EMPTY]: {
                ...commonProps,
            },
            [InputState.ERROR_FILLED]: {
                ...commonProps,
            },
            [InputState.ERROR_ACTIVE]: {
                ...commonProps,
            },
            [InputState.DISABLED_EMPTY]: {
                ...commonProps,
            },
            [InputState.DISABLED_FILLED]: {
                ...commonProps,
            },
            [InputState.DISABLED_FILLED_WITH_INFO]: {
                ...commonProps,
            },
        },
    };
};
//# sourceMappingURL=styles.js.map