@kubit-ui-web/react-components/dist/cjs/designSystem/kubit/components/loader/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.LOADER_STYLES = void 0;
const loaders_1 = require("../../assets/animations/loaders");
const colors_1 = require("../../foundations/colors");
const sizes_1 = require("../../foundations/sizes");
const variants_1 = require("./variants");
const container = {
    display: 'inline-block',
    width: sizes_1.SIZES.size_200,
    height: sizes_1.SIZES.size_200,
};
const transparent = 'transparent';
exports.LOADER_STYLES = {
    [variants_1.LoaderVariantType.PRIMARY_WHITE]: {
        container,
        animation: (0, loaders_1.buildPrimaryLoader)(colors_1.COLORS.NEUTRAL.color_neutral_icon_250, transparent),
    },
    [variants_1.LoaderVariantType.PRIMARY_RED]: {
        container,
        animation: (0, loaders_1.buildPrimaryLoader)(colors_1.COLORS.SECONDARY.color_secondary_icon_100, transparent),
    },
    [variants_1.LoaderVariantType.PRIMARY_BLACK]: {
        container,
        animation: (0, loaders_1.buildPrimaryLoader)(colors_1.COLORS.NEUTRAL.color_neutral_icon_50, transparent),
    },
};
//# sourceMappingURL=styles.js.map