@cimpress/react-components
Version:
React components to support the MCP styleguide
75 lines • 1.91 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.disabled = exports.danger = exports.warning = exports.info = exports.success = exports.white = exports.horizon = exports.silver = exports.platinum = exports.alloy = exports.slate = exports.shale = exports.coal = exports.linkHover = exports.linkVisited = exports.linkPrimary = exports.granite = exports.sky = exports.teal = exports.ocean = exports.cobalt = exports.persimmon = void 0;
// brand
exports.persimmon = {
base: '#f0563a',
darker: '#D63625',
darkest: '#BC2111',
};
exports.cobalt = {
base: '#3a414c',
darker: '#212730',
darkest: '#0D1116',
};
// interaction
exports.ocean = {
base: '#0088A9',
darker: '#00738E',
darkest: '#005C75',
};
exports.teal = {
base: '#006F8A',
darker: '#005B70',
darkest: '#004456',
};
exports.sky = {
base: '#d4ebf2',
darker: '#b0d9e6',
darkest: '#92c8da',
};
exports.granite = {
base: '#4F5D75',
darker: '#354259',
darkest: '#212C3F',
};
// link colors
exports.linkPrimary = '#41B5DC';
exports.linkVisited = '#005C75';
exports.linkHover = '#0088A9';
// greyscale
exports.coal = '#333943';
exports.shale = '#697582';
exports.slate = '#8090a2';
exports.alloy = '#c4cdd6';
exports.platinum = '#e1e6eb';
exports.silver = '#eff3f5';
exports.horizon = '#edf3f8';
exports.white = '#ffffff';
// contextual messaging types
exports.success = {
base: '#35AD96',
darker: '#22917E',
darkest: '#127769',
};
exports.info = {
base: '#41B5DC',
darker: '#2B9DC1',
darkest: '#188AA8',
};
exports.warning = {
base: '#FFA23F',
darker: '#E58628',
darkest: '#CC7712',
};
exports.danger = {
base: '#D24A35',
darker: '#B73721',
darkest: '#9E2810',
};
exports.disabled = {
base: '#DFE0E2',
darker: exports.alloy,
darkest: 'rgba(58, 65, 76, 0.5)',
};
//# sourceMappingURL=colors.js.map