@actinc/dls
Version:
Design Language System (DLS) for ACT & Encoura front-end projects.
172 lines • 5.07 kB
TypeScript
/**
* Copyright (c) ACT, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
import { TypeText } from '@mui/material';
import { PaletteOptions } from '@mui/material/styles';
/** @deprecated Not a part of the design system */
export declare const beige = "#fffbe0";
/** @deprecated Use `import { surface } from 'dls/../colors` - surface.black[60] */
export declare const black60: string;
/** @deprecated Use `import { fuchsia } from 'dls/../colors` - fuchsia[100] */
export declare const fuschia: string;
/** @deprecated Use `import { mist } from 'dls/../colors` - mist[100] */
export declare const mist: string;
/** @deprecated Use `import { mist } from 'dls/../colors` - mist[30] */
export declare const mist30: string;
/** @deprecated Use `import { navy } from 'dls/../colors` - navy[100] */
export declare const navy: string;
/** @deprecated Use `import { navy } from 'dls/../colors` - navy[15] */
export declare const navy15: string;
/** @deprecated Use `import { navy } from 'dls/../colors` - navy[100] */
export declare const navy30: string;
/** @deprecated Not a part of the design system */
export declare const navyHover = " #566C8E";
/** @deprecated Use `import { neon } from 'dls/../colors` - neon[100] */
export declare const neon: string;
/** @deprecated Use `import { orange } from 'dls/../colors` - orange[100] */
export declare const orange: string;
/** @deprecated Not a part of the design system */
export declare const paleBrown = "#d6dce0";
/** @deprecated Use `import { seafoam } from 'dls/../colors` - seafoam[100] */
export declare const seafoam: string;
/** @deprecated Use `import { seafoam } from 'dls/../colors` - seafoam[30] */
export declare const seafoam30: string;
/** @deprecated Use `import { teal } from 'dls/../colors` - teal[100] */
export declare const teal: string;
/** @deprecated Renamed to `utility.savedCollegeHeartFill` https://www.figma.com/file/4JazmqwcfRVZyRq6vRkf05/E4S-Web---Design-System?type=design&node-id=1042-11958&mode=design&t=r8TW3rOvC7CAcP07-4 */
export declare const watermelon: string;
/** @deprecated Use `neon` not `yellow` */
export declare const yellow: string;
export type CustomPaletteOptions = PaletteOptions & {
action: PaletteOptions['action'] & {
activeHover: string;
};
background: PaletteOptions['background'] & {
inset: string;
disabled: string;
overlay: string;
};
branding: {
fuschia: string;
mist: string;
navy: string;
neon: string;
orange: string;
seafoam: string;
teal: string;
watermelon: string;
yellow: string;
};
maintenance: {
background: string;
border: string;
};
progress: {
failure: string;
idle: string;
interrupted: string;
ongoing: string;
success: string;
};
text: Partial<TypeText> & {
over: {
dark: {
medium: string;
high: string;
};
light: {
medium: string;
high: string;
};
};
};
};
/** @deprecated Do not extend the base MUI palette */
export declare const customPalette: {
action: {
activeHover: string;
};
background: {
disabled: string;
inset: "#eeeeee";
overlay: string;
};
/** @deprecated Use colors from `@actinc/dls/styles/themeEncourage/colors` */
branding: {
fuschia: string;
mist: string;
navy: string;
neon: string;
orange: string;
seafoam: string;
teal: string;
watermelon: string;
yellow: string;
};
maintenance: {
background: string;
border: string;
};
progress: {
failure: "#d32f2f";
idle: "#e0e0e0";
interrupted: string;
ongoing: string;
success: "#66bb6a";
};
text: {
/** @deprecated Use `text.primary`, `text.secondary` and `text.disabled` instead */
over: {
dark: {
high: string;
medium: string;
};
light: {
high: "#000";
medium: string;
};
};
};
};
declare const palette: {
action: {
active: string;
hover: string;
};
background: {
default: string;
paper: "#fff";
};
error: {
main: "#d32f2f";
};
info: {
main: "#fff";
};
primary: {
contrastText: "#fff";
light: string;
main: string;
};
secondary: {
contrastText: string;
main: "#fff";
};
success: {
contrastText: string;
main: string;
};
text: {
disabled: string;
primary: string;
secondary: "#bdbdbd";
};
warning: {
main: "#d32f2f";
};
};
export default palette;
//# sourceMappingURL=palette.d.ts.map