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

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

import { LoadingStateState, } from '../../../../components/loadingState/types/loadingStateTheme';
import { COLORS } from '../../foundations/colors';
import { SIZES } from '../../foundations/sizes';
import { SPACINGS } from '../../foundations/spacings';
import { FONT_WEIGHT } from '../../foundations/typography';
import { TextVariantType } from '../text/variants';
import { ThirdPartyAnimationVariantType } from '../thirdPartyAnimation/variants';
import { LoadingStateVariant } from './variants';
const commonProps = {
    titleContainer: {
        margin_top: SPACINGS.spacing_150,
    },
    title: {
        font_variant: TextVariantType.HEADING_H4_EXPANDED,
        color: COLORS.NEUTRAL.color_neutral_bg_100,
        font_weight: FONT_WEIGHT.font_weight_400,
    },
    descriptionContainer: {
        margin_top: SPACINGS.spacing_150,
    },
    description: {
        font_variant: TextVariantType.PARAGRAPH_CAPTION_EXTENDED,
        color: COLORS.NEUTRAL.color_neutral_bg_100,
        font_weight: FONT_WEIGHT.font_weight_400,
    },
};
export const LOADING_STATE_STYLES = {
    [LoadingStateVariant.DEFAULT]: {
        ...commonProps,
        states: {
            [LoadingStateState.PRIMARY]: {
                thirdPartyAnimation: {
                    variant: ThirdPartyAnimationVariantType.LOADER_PRIMARY,
                    height: SIZES.size_100,
                    width: SIZES.size_100,
                },
            },
            [LoadingStateState.PRIMARY_ALTERNATIVE]: {
                thirdPartyAnimation: {
                    variant: ThirdPartyAnimationVariantType.LOADER_PRIMARY,
                    height: SIZES.size_100,
                    width: SIZES.size_100,
                },
            },
        },
    },
};
//# sourceMappingURL=styles.js.map