@helpscout/hsds-react
Version:
React component library for Help Scout's Design System
168 lines (167 loc) • 3.44 kB
JavaScript
;
exports.__esModule = true;
exports.default = void 0;
// Generated with @helpscout/colorway (v0.10.0)
//
// This file was automatically generated with @helpscout/colorway
// Please don't modify this file. Your changes will be overwritten.
// Instead, update the template at:
// https://github.com/helpscout/colorway
var palette = {
blue: {
'100': '#F3FBFF',
'200': '#D6EDFF',
'300': '#A0D4FF',
'400': '#57B0FB',
'500': '#1292EE',
'600': '#0077CC',
'700': '#005CA4',
'800': '#034077',
'900': '#002651',
default: '#1292EE'
},
charcoal: {
'200': '#93A1B0',
'300': '#748494',
'400': '#556575',
'500': '#405261',
'600': '#314351',
'700': '#253642',
'800': '#1d2b36',
default: '#405261'
},
grey: {
'200': '#F9FAFA',
'300': '#F1F3F5',
'400': '#E5E9EC',
'500': '#D5DCE1',
'600': '#C5CED6',
'700': '#B7C2CC',
'800': '#A5B2BD',
default: '#D5DCE1'
},
yellow: {
'100': '#FFF9EF',
'200': '#FFF2D7',
'300': '#FFE7B8',
'400': '#FDD88E',
'500': '#FFC555',
'600': '#FAB347',
'700': '#E89635',
'800': '#CE7129',
'900': '#B24319',
'950': '#84142D',
default: '#FFC555'
},
green: {
'100': '#F5FFF9',
'200': '#E3FBEE',
'300': '#C2F0D7',
'400': '#87DBAE',
'500': '#56C288',
'600': '#39AC6E',
'700': '#268C55',
'750': '#248451',
'800': '#106236',
'900': '#003C1C',
default: '#56C288'
},
red: {
'100': '#fef7f6',
'200': '#ffe3e2',
'300': '#ffa2a2',
'400': '#f45b55',
'500': '#e52f28',
'600': '#d21b14',
'700': '#ba1f19',
'800': '#9d1f1a',
'900': '#731814',
default: '#e52f28'
},
purple: {
'100': '#fbfbfe',
'200': '#eaeafc',
'300': '#d1d2f6',
'400': '#a3a4f3',
'500': '#7e80e7',
'600': '#696aca',
'700': '#585b9e',
'800': '#45467d',
'900': '#383966',
default: '#7e80e7'
},
orange: {
'100': '#fff8f2',
'200': '#ffead8',
'300': '#ffd3ae',
'400': '#ffa75a',
'500': '#ff9139',
'600': '#e87800',
'700': '#c76400',
'800': '#a45300',
'900': '#813c00',
default: '#ff9139'
},
ash: {
'200': '#F9FAFA',
'300': '#F1F3F5',
'400': '#E5E9EC',
'500': '#D5DCE1',
'600': '#C5CED6',
'700': '#B7C2CC',
'800': '#A5B2BD',
default: '#D5DCE1'
},
indigo: {
'100': '#F2F6FF',
'200': '#DFE7FF',
'300': '#B2C8FB',
'400': '#79A1F8',
'500': '#527CEB',
'600': '#3B64D2',
'700': '#2549A8',
'800': '#16337F',
'900': '#071E57',
default: '#527CEB'
},
lavender: {
'100': '#F9F9FF',
'200': '#EBECFF',
'300': '#D9DCFD',
'400': '#B9BEFF',
'500': '#9FA6FF',
'600': '#818AEC',
'700': '#6269C5',
'800': '#404996',
'900': '#232A5C',
default: '#9FA6FF'
},
pink: {
'100': '#FFF9FB',
'200': '#FFEEF1',
'300': '#FFE1E7',
'400': '#FFCCD7',
'500': '#FFB3C3',
'600': '#FD9AAE',
'700': '#FD9AAE',
'800': '#FC5D7D',
'900': '#F23459',
'950': '#E9074B',
'1000': '#C5003B',
default: '#FFB3C3'
},
whaletail: {
'100': '#F3F7FF',
'200': '#E5EDFE',
'300': '#D0DEFD',
'400': '#AFC7F9',
'500': '#8AABF1',
'600': '#7296E1',
'700': '#5174BB',
'800': '#304F8B',
'900': '#142F5E',
default: '#8AABF1'
}
};
var _default = palette;
exports.default = _default;