@magicbell/magicbell-react/dist/esm/lib/color.js

React components for building a notification inbox for your app

import tinycolor from 'tinycolor2';
/**
 * Function that takes a valid CSS color and adds some opacity to it.
 *
 * @param baseColor Color in HSL, HSV, HEX or RGB
 * @param alpha Alpha for this color
 */
export function toRGBA(baseColor, alpha) {
    // tinycolor doesn't support css variables, so assume the variable is correct as is
    if (baseColor.startsWith('var('))
        return baseColor;
    const color = tinycolor(baseColor);
    color.setAlpha(alpha);
    return color.toRgbString();
}
/**
 * Function that takes a valid CSS color and mixes it with black.
 *
 * @param baseColor Color in HSL, HSV, HEX or RGB
 * @param amount Amount of black to mix with the base color.
 */
export function darken(baseColor, amount) {
    return tinycolor.mix(baseColor, 'black', amount || 50).toRgbString();
}
//# sourceMappingURL=color.js.map