@patreon/studio
Version:
Patreon Studio Design System
27 lines (26 loc) • 1.49 kB
TypeScript
import { css } from 'styled-components';
import type { ColorSchemeMode } from '../../types/color-scheme';
import type { Theme } from '../../types/theme';
import type { TokenColorMode } from '../../types/token-modes';
export declare const colorSchemeModes: ColorSchemeMode[];
export declare function cssForDarkMode(content: string | ReturnType<typeof css>): ({ theme: { tokenColorMode } }: {
theme: Theme;
}) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>> | undefined;
export declare function cssForLightMode(content: string | ReturnType<typeof css>): ({ theme: { tokenColorMode } }: {
theme: Theme;
}) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>> | undefined;
/**
* generates css for a given tokenColorMode based on the current theme
*/
export declare function cssForTokenColorMode({ tokenColorMode, light, dark, }: {
tokenColorMode: TokenColorMode;
light: string | ReturnType<typeof css>;
dark?: string | ReturnType<typeof css>;
}): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
/**
* generates css which will automatically switch between light and dark mode
*/
export declare function cssForColorScheme({ light, dark, }: {
light: string | ReturnType<typeof css>;
dark?: string | ReturnType<typeof css>;
}): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;