igniteui-theming/dist/index.d.ts

A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.

// Auto-generated by buildBarrel.mjs — do not edit manually.

export declare const PaletteMultipliers: {
  "color": {
  "s": Record<"50" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "A100" | "A200" | "A400" | "A700", string>;
  "l": Record<"50" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "A100" | "A200" | "A400" | "A700", string>;
};
  "grayscale": {
  "s"?: Record<"50" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "A100" | "A200" | "A400" | "A700", string>;
  "l": Record<"50" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "A100" | "A200" | "A400" | "A700", string>;
};
};
export declare const PaletteMeta: Record<string, string[]>;
export declare const Palettes: Record<string, {
  "primary": string;
  "secondary": string;
  "gray": string;
  "surface": string;
  "info": string;
  "success": string;
  "warn": string;
  "error": string;
}>;
export declare const BootstrapThemes: {
  "light": Record<string, Record<string, string>>;
  "dark": Record<string, Record<string, string>>;
};
export declare const FluentThemes: {
  "light": Record<string, Record<string, string>>;
  "dark": Record<string, Record<string, string>>;
};
export declare const IndigoThemes: {
  "light": Record<string, Record<string, string>>;
  "dark": Record<string, Record<string, string>>;
};
export declare const MaterialThemes: {
  "light": Record<string, Record<string, string>>;
  "dark": Record<string, Record<string, string>>;
};
export declare const ComponentThemes: Record<string, {
  "name": string;
  "themeFunctionName": string;
  "description": string;
  "primaryTokens": {
  "name": string;
  "type"?: string;
  "description": string;
}[];
  "primaryTokensSummary"?: string;
  "tokens": {
  "name": string;
  "type"?: string;
  "description": string;
}[];
}>;
export declare const IndigoElevations: {
  "elevations": Record<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "20" | "21" | "22" | "23" | "24", string>;
};
export declare const MaterialElevations: {
  "elevations": Record<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "20" | "21" | "22" | "23" | "24", string>;
};
export declare const Typescales: Record<string, {
  "typeface": string;
  [key: string]: {
  "font-family": string;
  "font-size": string;
  "font-weight": string;
  "font-style": string;
  "line-height": string;
  "letter-spacing": string;
  "text-transform": string;
  "margin-top": string;
  "margin-bottom": string;
};
}>;