@actinc/dls
Version:
Design Language System (DLS) for ACT & Encoura front-end projects.
130 lines • 4.41 kB
JavaScript
/* eslint-disable import/no-named-as-default-member */
/**
* 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 { common, green, grey, red } from '@mui/material/colors';
import { alpha, lighten, recomposeColor, } from '@mui/material/styles';
import colors from './colors';
/** @deprecated Not a part of the design system */
export var beige = '#fffbe0';
/** @deprecated Use `import { surface } from 'dls/../colors` - surface.black[60] */
export var black60 = colors.surface.black[60];
/** @deprecated Use `import { fuchsia } from 'dls/../colors` - fuchsia[100] */
export var fuschia = colors.fuchsia[100];
/** @deprecated Use `import { mist } from 'dls/../colors` - mist[100] */
export var mist = colors.mist[100];
/** @deprecated Use `import { mist } from 'dls/../colors` - mist[30] */
export var mist30 = colors.mist[30];
/** @deprecated Use `import { navy } from 'dls/../colors` - navy[100] */
export var navy = colors.navy[100];
/** @deprecated Use `import { navy } from 'dls/../colors` - navy[15] */
export var navy15 = colors.navy[15];
/** @deprecated Use `import { navy } from 'dls/../colors` - navy[100] */
export var navy30 = colors.navy[30];
/** @deprecated Not a part of the design system */
export var navyHover = ' #566C8E';
/** @deprecated Use `import { neon } from 'dls/../colors` - neon[100] */
export var neon = colors.neon[100];
/** @deprecated Use `import { orange } from 'dls/../colors` - orange[100] */
export var orange = colors.orange[100];
/** @deprecated Not a part of the design system */
export var paleBrown = '#d6dce0';
/** @deprecated Use `import { seafoam } from 'dls/../colors` - seafoam[100] */
export var seafoam = colors.seafoam[100];
/** @deprecated Use `import { seafoam } from 'dls/../colors` - seafoam[30] */
export var seafoam30 = colors.seafoam[30];
/** @deprecated Use `import { teal } from 'dls/../colors` - teal[100] */
export var teal = colors.teal[100];
/** @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 var watermelon = colors.utility.savedCollegeHeartFill;
/** @deprecated Use `neon` not `yellow` */
export var yellow = neon;
/** @deprecated Do not extend the base MUI palette */
export var customPalette = {
action: {
activeHover: navyHover,
},
background: {
disabled: '#828282',
inset: grey[200],
overlay: alpha(common.black, 0.38),
},
/** @deprecated Use colors from `@actinc/dls/styles/themeEncourage/colors` */
branding: {
fuschia: fuschia,
mist: mist,
navy: navy,
neon: neon,
orange: orange,
seafoam: seafoam,
teal: teal,
watermelon: watermelon,
yellow: yellow,
},
maintenance: {
background: beige,
border: paleBrown,
},
progress: {
failure: red[700],
idle: grey[300],
interrupted: orange,
ongoing: fuschia,
success: green[400],
},
text: {
/** @deprecated Use `text.primary`, `text.secondary` and `text.disabled` instead */
over: {
dark: {
high: 'rgba(0, 0, 0, 0.87)',
medium: 'rgba(0, 0, 0, 0.75)',
},
light: {
high: common.black,
medium: '#666666',
},
},
},
};
var palette = {
action: {
active: colors.navy[100],
hover: colors.navy[15],
},
background: {
default: recomposeColor({ type: 'rgba', values: [193, 200, 212, 0.2] }),
paper: common.white,
},
error: {
main: red[700],
},
info: {
main: common.white,
},
primary: {
contrastText: common.white,
light: '#4D6C90',
main: navy,
},
secondary: {
contrastText: colors.navy[100],
main: common.white,
},
success: {
contrastText: '#2E7D32',
main: '#e1e9e2',
},
text: {
disabled: lighten(common.black, 0.25),
primary: lighten(common.black, 0.13),
secondary: grey[400],
},
warning: {
main: red[700],
},
};
export default palette;
//# sourceMappingURL=palette.js.map