@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
51 lines • 2.07 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.LOADING_STATE_STYLES = void 0;
const loadingStateTheme_1 = require("../../../../components/loadingState/types/loadingStateTheme");
const colors_1 = require("../../foundations/colors");
const sizes_1 = require("../../foundations/sizes");
const spacings_1 = require("../../foundations/spacings");
const typography_1 = require("../../foundations/typography");
const variants_1 = require("../text/variants");
const variants_2 = require("../thirdPartyAnimation/variants");
const variants_3 = require("./variants");
const commonProps = {
titleContainer: {
margin_top: spacings_1.SPACINGS.spacing_150,
},
title: {
font_variant: variants_1.TextVariantType.HEADING_H4_EXPANDED,
color: colors_1.COLORS.NEUTRAL.color_neutral_bg_100,
font_weight: typography_1.FONT_WEIGHT.font_weight_400,
},
descriptionContainer: {
margin_top: spacings_1.SPACINGS.spacing_150,
},
description: {
font_variant: variants_1.TextVariantType.PARAGRAPH_CAPTION_EXTENDED,
color: colors_1.COLORS.NEUTRAL.color_neutral_bg_100,
font_weight: typography_1.FONT_WEIGHT.font_weight_400,
},
};
exports.LOADING_STATE_STYLES = {
[variants_3.LoadingStateVariant.DEFAULT]: {
...commonProps,
states: {
[loadingStateTheme_1.LoadingStateState.PRIMARY]: {
thirdPartyAnimation: {
variant: variants_2.ThirdPartyAnimationVariantType.LOADER_PRIMARY,
height: sizes_1.SIZES.size_100,
width: sizes_1.SIZES.size_100,
},
},
[loadingStateTheme_1.LoadingStateState.PRIMARY_ALTERNATIVE]: {
thirdPartyAnimation: {
variant: variants_2.ThirdPartyAnimationVariantType.LOADER_PRIMARY,
height: sizes_1.SIZES.size_100,
width: sizes_1.SIZES.size_100,
},
},
},
},
};
//# sourceMappingURL=styles.js.map