vira
Version:
A simple and highly versatile design system using element-vir.
28 lines (27 loc) • 775 B
TypeScript
import { type TemplateResult } from 'element-vir';
import { viraIconCssVars } from './icon-css-vars.js';
/**
* An individual Vira icon SVG definition.
*
* @category Icon
*/
export type ViraIconSvg = {
name: string;
svgTemplate: TemplateResult;
};
/**
* A function used to define an individual Vira icon SVG.
*
* @category Icon
*/
export declare function defineIcon({ name, svgTemplate, }: {
name: string;
svgTemplate: TemplateResult;
}): ViraIconSvg;
/**
* Wraps an existing icon with a specific color and outputs another icon that can be used anywhere
* the original icon can be used.
*
* @category Icon
*/
export declare function createColoredIcon(icon: ViraIconSvg, colors: Partial<Record<keyof typeof viraIconCssVars, string>>): ViraIconSvg;