@sandlada/material-token-generator
Version:
Use the @material/material-color-utilities tool to create a set of tokens based on material design.
75 lines (74 loc) • 2.61 kB
TypeScript
import { DynamicScheme, Hct, TonalPalette } from '@material/material-color-utilities';
import { type TMaterialContrastLevel } from '../color/material-contrast-level';
import { type TMaterialVariant } from '../color/material-variant';
type TMaterialPalettes = {
primary: Record<string, string>;
secondary: Record<string, string>;
tertiary: Record<string, string>;
error: Record<string, string>;
neutral: Record<string, string>;
neutralVariant: Record<string, string>;
};
export declare class MaterialDynamicPalettes {
private _sourceColorHct;
private _isDark;
private _contrastLevel;
private _variant;
private _prefix;
private _primaryPalette;
private _secondaryPalette;
private _tertiaryPalette;
private _neutralPalette;
private _neutralVariantPalette;
private _levels;
constructor(options?: Partial<{
sourceColorHct: Hct;
isDark: boolean;
contrastLevel: TMaterialContrastLevel;
variant: TMaterialVariant;
prefix: string;
primaryPalette: TonalPalette;
secondaryPalette: TonalPalette;
tertiaryPalette: TonalPalette;
neutralPalette: TonalPalette;
neutralVariantPalette: TonalPalette;
levels: Array<number>;
}>);
cssRecord(): Record<string, {
name: string;
value: string;
}>;
cssText(): string;
cssPropertyRecord(): Record<string, {
name: string;
value: PropertyDefinition;
}>;
cssPropertyText(): string;
private cssCreatePropertyRecord;
tokens(flat?: boolean, hyphen?: boolean): Record<string, string> | TMaterialPalettes;
private getValuesFromSchemeAndTone;
protected get scheme(): DynamicScheme;
get sourceColorHct(): Hct;
set sourceColorHct(value: Hct);
get isDark(): boolean;
set isDark(value: boolean);
get contrastLevel(): number;
set contrastLevel(value: TMaterialContrastLevel);
get variant(): TMaterialVariant;
set variant(value: TMaterialVariant);
get primaryPalette(): TonalPalette;
set primaryPalette(value: TonalPalette);
get secondaryPalette(): TonalPalette;
set secondaryPalette(value: TonalPalette);
get tertiaryPalette(): TonalPalette;
set tertiaryPalette(value: TonalPalette);
get neutralPalette(): TonalPalette;
set neutralPalette(value: TonalPalette);
get neutralVariantPalette(): TonalPalette;
set neutralVariantPalette(value: TonalPalette);
get levels(): Array<number>;
set levels(value: Array<number>);
get prefix(): string;
set prefix(value: string);
}
export {};