@cobalt-ui/plugin-sass
Version:
Generate scss/sass from your design tokens schema (requires @cobalt-ui/cli)
22 lines (21 loc) • 911 B
TypeScript
import type { ParsedToken, Plugin } from '@cobalt-ui/core';
import { type Options as PluginCSSOptions } from '@cobalt-ui/plugin-css';
export interface Options {
/** output file (default: "./tokens/index.sass") */
filename?: string;
/** */
pluginCSS?: PluginCSSOptions;
/** use indented syntax (.sass)? (default: false) */
indentedSyntax?: boolean;
/** embed files in CSS? */
embedFiles?: boolean;
/** handle different token types */
transform?: <T extends ParsedToken>(token: T, mode?: string) => string | undefined | null;
/** transform color */
colorFormat?: NonNullable<PluginCSSOptions['colorFormat']>;
}
export default function pluginSass(options?: Options): Plugin;
export declare function defaultTransformer(token: ParsedToken, { colorFormat, mode }: {
colorFormat: NonNullable<PluginCSSOptions['colorFormat']>;
mode?: string;
}): string | number;