@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
78 lines • 2.07 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.PROGRESS_BAR_STYLES = void 0;
const borders_1 = require("../../foundations/borders");
const colors_1 = require("../../foundations/colors");
const spacings_1 = require("../../foundations/spacings");
const variants_1 = require("../variants");
const variants_2 = require("./variants");
const containerProps = {
width: 'inherit',
display: 'flex',
gap: spacings_1.SPACINGS.spacing_100,
};
const barContainerProps = {
position: 'relative',
width: '100%',
};
const progressBarProps = {
position: 'absolute',
top: '50%',
left: '0',
width: '0',
border_radius: borders_1.RADIUS.radius_100,
background: colors_1.COLORS.BRAND.color_brand_bg_50,
};
const barProps = {
position: 'absolute',
top: '50%',
left: '0',
width: 'inherit',
border_radius: borders_1.RADIUS.radius_100,
background: colors_1.COLORS.NEUTRAL.color_neutral_bg_100,
};
const commonProps = {
container: {
...containerProps,
},
barContainer: {
...barContainerProps,
},
bar: {
...barProps,
},
progressBar: {
...progressBarProps,
},
};
exports.PROGRESS_BAR_STYLES = {
[variants_2.ProgressBarVariantType.DEFAULT]: {
...commonProps,
},
[variants_2.ProgressBarVariantType.INTERACTIVE]: {
...commonProps,
useAsSlider: true,
sliderVariant: variants_1.SliderVariantType.PRIMARY,
barContainer: {
...barContainerProps,
cursor: 'pointer',
},
},
[variants_2.ProgressBarSizeType.SMALL]: {
progressBar: {
height: spacings_1.SPACINGS.spacing_100,
},
bar: {
height: spacings_1.SPACINGS.spacing_100,
},
},
[variants_2.ProgressBarSizeType.MEDIUM]: {
progressBar: {
height: spacings_1.SPACINGS.spacing_150,
},
bar: {
height: spacings_1.SPACINGS.spacing_150,
},
},
};
//# sourceMappingURL=styles.js.map