igniteui-theming
Version:
A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.
91 lines (90 loc) • 2.41 kB
JavaScript
//#region src/knowledge/platforms/common.ts
/**
* Available palettes preset paths
*/
var PALETTE_PRESETS_PATHS = {
light: {
material: "igniteui-theming/sass/color/presets/light/material",
fluent: "igniteui-theming/sass/color/presets/light/fluent",
bootstrap: "igniteui-theming/sass/color/presets/light/bootstrap",
indigo: "igniteui-theming/sass/color/presets/light/indigo"
},
dark: {
material: "igniteui-theming/sass/color/presets/dark/material",
fluent: "igniteui-theming/sass/color/presets/dark/fluent",
bootstrap: "igniteui-theming/sass/color/presets/dark/bootstrap",
indigo: "igniteui-theming/sass/color/presets/dark/indigo"
}
};
/**
* Available typography preset paths
*/
var TYPOGRAPHY_PRESETS_PATHS = {
material: "igniteui-theming/sass/typography/presets/material",
fluent: "igniteui-theming/sass/typography/presets/fluent",
bootstrap: "igniteui-theming/sass/typography/presets/bootstrap",
indigo: "igniteui-theming/sass/typography/presets/indigo"
};
/**
* Available schema presets
*/
var SCHEMAS = {
light: {
material: "$light-material-schema",
fluent: "$light-fluent-schema",
bootstrap: "$light-bootstrap-schema",
indigo: "$light-indigo-schema"
},
dark: {
material: "$dark-material-schema",
fluent: "$dark-fluent-schema",
bootstrap: "$dark-bootstrap-schema",
indigo: "$dark-indigo-schema"
}
};
/**
* Available palettes presets
*/
var PALETTES = {
light: {
material: "$light-material-palette",
fluent: "$light-fluent-palette",
bootstrap: "$light-bootstrap-palette",
indigo: "$light-indigo-palette"
},
dark: {
material: "$dark-material-palette",
fluent: "$dark-fluent-palette",
bootstrap: "$dark-bootstrap-palette",
indigo: "$dark-indigo-palette"
}
};
/**
* Available typefaces
*/
var TYPEFACES = {
material: "$material-typeface",
fluent: "$fluent-typeface",
bootstrap: "$bootstrap-typeface",
indigo: "$indigo-typeface"
};
/**
* Available type scales
*/
var TYPE_SCALES = {
material: "$material-type-scale",
fluent: "$fluent-type-scale",
bootstrap: "$bootstrap-type-scale",
indigo: "$indigo-type-scale"
};
/**
* Available elevation presets
*/
var ELEVATIONS = {
material: "$material-elevations",
bootstrap: "$material-elevations",
fluent: "$material-elevations",
indigo: "$indigo-elevations"
};
//#endregion
export { ELEVATIONS, PALETTES, PALETTE_PRESETS_PATHS, SCHEMAS, TYPEFACES, TYPE_SCALES, TYPOGRAPHY_PRESETS_PATHS };