@patreon/studio/module/utilities/color-mix/index.d.ts

Patreon Studio Design System

import type { FlattenSimpleInterpolation } from 'styled-components';
import type { ColorToken } from '../../types/tokens';
/**
 * Modifies a color token with an opacity value using the oklab color space.
 *
 * @warning This requires the browser to support the color-mix css function.
 * Use `@supports` to progressively enhance the experience.
 */
export declare function tokenWithOpacity(token: ColorToken, opacity: number): string;
/**
 * Wraps a user css block with a helper to add transparency to a color token
 * when supported and a fallback when not.
 */
export declare function cssWithTransparentToken(userCss: (modifyToken: (token: ColorToken) => string) => FlattenSimpleInterpolation): FlattenSimpleInterpolation;