igniteui-theming
Version:
A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.
88 lines (87 loc) • 3.02 kB
TypeScript
/**
* Available palettes preset paths
*/
export declare const PALETTE_PRESETS_PATHS: {
readonly light: {
readonly material: "igniteui-theming/sass/color/presets/light/material";
readonly fluent: "igniteui-theming/sass/color/presets/light/fluent";
readonly bootstrap: "igniteui-theming/sass/color/presets/light/bootstrap";
readonly indigo: "igniteui-theming/sass/color/presets/light/indigo";
};
readonly dark: {
readonly material: "igniteui-theming/sass/color/presets/dark/material";
readonly fluent: "igniteui-theming/sass/color/presets/dark/fluent";
readonly bootstrap: "igniteui-theming/sass/color/presets/dark/bootstrap";
readonly indigo: "igniteui-theming/sass/color/presets/dark/indigo";
};
};
/**
* Available typography preset paths
*/
export declare const TYPOGRAPHY_PRESETS_PATHS: {
readonly material: "igniteui-theming/sass/typography/presets/material";
readonly fluent: "igniteui-theming/sass/typography/presets/fluent";
readonly bootstrap: "igniteui-theming/sass/typography/presets/bootstrap";
readonly indigo: "igniteui-theming/sass/typography/presets/indigo";
};
/**
* Available schema presets
*/
export declare const SCHEMAS: {
readonly light: {
readonly material: "$light-material-schema";
readonly fluent: "$light-fluent-schema";
readonly bootstrap: "$light-bootstrap-schema";
readonly indigo: "$light-indigo-schema";
};
readonly dark: {
readonly material: "$dark-material-schema";
readonly fluent: "$dark-fluent-schema";
readonly bootstrap: "$dark-bootstrap-schema";
readonly indigo: "$dark-indigo-schema";
};
};
/**
* Available palettes presets
*/
export declare const PALETTES: {
readonly light: {
readonly material: "$light-material-palette";
readonly fluent: "$light-fluent-palette";
readonly bootstrap: "$light-bootstrap-palette";
readonly indigo: "$light-indigo-palette";
};
readonly dark: {
readonly material: "$dark-material-palette";
readonly fluent: "$dark-fluent-palette";
readonly bootstrap: "$dark-bootstrap-palette";
readonly indigo: "$dark-indigo-palette";
};
};
/**
* Available typefaces
*/
export declare const TYPEFACES: {
readonly material: "$material-typeface";
readonly fluent: "$fluent-typeface";
readonly bootstrap: "$bootstrap-typeface";
readonly indigo: "$indigo-typeface";
};
/**
* Available type scales
*/
export declare const TYPE_SCALES: {
readonly material: "$material-type-scale";
readonly fluent: "$fluent-type-scale";
readonly bootstrap: "$bootstrap-type-scale";
readonly indigo: "$indigo-type-scale";
};
/**
* Available elevation presets
*/
export declare const ELEVATIONS: {
readonly material: "$material-elevations";
readonly bootstrap: "$material-elevations";
readonly fluent: "$material-elevations";
readonly indigo: "$indigo-elevations";
};