UNPKG

@cobalt-ui/plugin-sass

Version:

Generate scss/sass from your design tokens schema (requires @cobalt-ui/cli)

22 lines (21 loc) 911 B
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;