@fluentui/react-theme 9.0.0-alpha.9 → 9.0.0-beta.4

package/lib/global/colors.js

@@ -1,837 +1,825 @@
-// Global Colors
-// https://www.figma.com/file/KB9oUjMKen2cKnyPG7RgdS/Design-tokens-superset?node-id=1297%3A14745
-// TODO export flat instead of objects for better tree shakeability
-export var grey = {
-    0: '#000000',
-    2: '#050505',
-    4: '#0A0A0A',
-    6: '#0F0F0F',
-    8: '#141414',
-    10: '#1A1A1A',
-    12: '#1F1F1F',
-    14: '#242424',
-    16: '#292929',
-    18: '#2E2E2E',
-    20: '#333333',
-    22: '#383838',
-    24: '#3D3D3D',
-    26: '#424242',
-    28: '#474747',
-    30: '#4D4D4D',
-    32: '#525252',
-    34: '#575757',
-    36: '#5C5C5C',
-    38: '#616161',
-    40: '#666666',
-    42: '#6B6B6B',
-    44: '#707070',
-    46: '#757575',
-    48: '#7A7A7A',
-    50: '#808080',
-    52: '#858585',
-    54: '#8A8A8A',
-    56: '#8F8F8F',
-    58: '#949494',
-    60: '#999999',
-    62: '#9E9E9E',
-    64: '#A3A3A3',
-    66: '#A8A8A8',
-    68: '#ADADAD',
-    70: '#B2B2B2',
-    72: '#B8B8B8',
-    74: '#BDBDBD',
-    76: '#C2C2C2',
-    78: '#C7C7C7',
-    80: '#CCCCCC',
-    82: '#D1D1D1',
-    84: '#D6D6D6',
-    86: '#DBDBDB',
-    88: '#E0E0E0',
-    90: '#E5E5E5',
-    92: '#EBEBEB',
-    94: '#F0F0F0',
-    96: '#F5F5F5',
-    98: '#FAFAFA',
-    100: '#FFFFFF',
-};
-export var black = grey[0];
-export var white = grey[100];
-export var hyperlink = '#FFFF00';
-export var disabled = '#3FF23F';
-export var selected = '#1AEBFF';
-// TODO: values should be set per product theme
-var brand = {
-    shade60: '#092C47',
-    shade50: '#043862',
-    shade40: '#004578',
-    shade30: '#004C87',
-    shade20: '#005A9E',
-    shade10: '#106EBE',
-    primary: '#0078D4',
-    tint10: '#2899F5',
-    tint20: '#3AA0F3',
-    tint30: '#6CB8F6',
-    tint40: '#C7E0F4',
-    tint50: '#DEECF9',
-    tint60: '#EFF6FC',
-};
-// TODO: these colors are not approved yet
-var brandTeams = {
-    shade60: '#323348',
-    shade50: '#393b5d',
-    shade40: '#3D3E66',
-    shade30: '#464775',
-    shade20: '#494B83',
-    shade10: '#52558f',
-    primary: '#6264A7',
-    tint10: '#8f95f8',
-    tint20: '#9EA2FF',
-    tint30: '#B2B5FF',
-    tint40: '#C7C9FF',
-    tint50: '#DBDCF0',
-    tint60: '#E9EAF6',
-};
-var darkRed = {
-    shade50: '#130205',
-    shade40: '#230309',
-    shade30: '#420610',
-    shade20: '#590816',
-    shade10: '#6A0A1A',
-    primary: '#750B1C',
-    tint10: '#861B2D',
-    tint20: '#962E40',
-    tint30: '#AC4E5E',
-    tint40: '#D69BA5',
-    tint50: '#E9C7CD',
-    tint60: '#F9F0F2',
-};
-var burgundy = {
-    shade50: '#1A0607',
-    shade40: '#310B0D',
-    shade30: '#5B1519',
-    shade20: '#7C1D21',
-    shade10: '#932227',
-    primary: '#A4262C',
-    tint10: '#AE383E',
-    tint20: '#B94D52',
-    tint30: '#C86C70',
-    tint40: '#E3AFB2',
-    tint50: '#F0D3D4',
-    tint60: '#FBF4F4',
-};
-var cranberry = {
-    shade50: '#1F0305',
-    shade40: '#3B0509',
-    shade30: '#6E0911',
-    shade20: '#950C17',
-    shade10: '#B10E1C',
-    primary: '#C50F1F',
-    tint10: '#CB2734',
-    tint20: '#D23F4C',
-    tint30: '#DC626D',
-    tint40: '#EDACB1',
-    tint50: '#F6D1D4',
-    tint60: '#FDF3F4',
-};
-// TODO wrong values in figma currently
-var red = {
-    shade50: '#210809',
-    shade40: '#3F1011',
-    shade30: '#751D20',
-    shade20: '#9F282C',
-    shade10: '#BC2F34',
-    primary: '#D13438',
-    tint10: '#D7494E',
-    tint20: '#DC5F63',
-    tint30: '#E37D81',
-    tint40: '#F1BBBD',
-    tint50: '#F8DADB',
-    tint60: '#FDF6F6',
-};
-var darkOrange = {
-    shade50: '#230900',
-    shade40: '#411100',
-    shade30: '#792000',
-    shade20: '#A52C00',
-    shade10: '#C33400',
-    primary: '#DA3B01',
-    tint10: '#DD4F1B',
-    tint20: '#E26436',
-    tint30: '#E8825D',
-    tint40: '#F4BEAA',
-    tint50: '#F9DCD1',
-    tint60: '#FDF6F3',
-};
-var bronze = {
-    shade50: '#1B0A01',
-    shade40: '#321302',
-    shade30: '#5D2405',
-    shade20: '#7E3006',
-    shade10: '#953907',
-    primary: '#A74109',
-    tint10: '#B0511D',
-    tint20: '#BB6334',
-    tint30: '#C97F57',
-    tint40: '#E4BAA3',
-    tint50: '#F1D9CC',
-    tint60: '#FBF5F2',
-};
-var pumpkin = {
-    shade50: '#200D03',
-    shade40: '#3C1805',
-    shade30: '#712D09',
-    shade20: '#993E0C',
-    shade10: '#B5490F',
-    primary: '#CA5010',
-    tint10: '#D06228',
-    tint20: '#D67540',
-    tint30: '#DF8F64',
-    tint40: '#EFC4AD',
-    tint50: '#F6DFD2',
-    tint60: '#FDF7F4',
-};
-var orange = {
-    shade50: '#281002',
-    shade40: '#4A1E04',
-    shade30: '#8B3707',
-    shade20: '#BC4B09',
-    shade10: '#DF590B',
-    primary: '#F7630C',
-    tint10: '#F87529',
-    tint20: '#F98745',
-    tint30: '#FAA06C',
-    tint40: '#FDCFB5',
-    tint50: '#FEE5D7',
-    tint60: '#FFF9F5',
-};
-var peach = {
-    shade50: '#291600',
-    shade40: '#4D2A00',
-    shade30: '#8F4F00',
-    shade20: '#C26B00',
-    shade10: '#E67E00',
-    primary: '#FF8C00',
-    tint10: '#FF9A1F',
-    tint20: '#FFA83D',
-    tint30: '#FFBA66',
-    tint40: '#FFDDB3',
-    tint50: '#FFEDD6',
-    tint60: '#FFFAF5',
-};
-var marigold = {
-    shade50: '#261A00',
-    shade40: '#463100',
-    shade30: '#835C00',
-    shade20: '#B27D00',
-    shade10: '#D39400',
-    primary: '#EAA300',
-    tint10: '#EDAE1C',
-    tint20: '#EFB939',
-    tint30: '#F3C761',
-    tint40: '#F9E2AE',
-    tint50: '#FCF0D3',
-    tint60: '#FEFBF4',
-};
-var yellow = {
-    shade50: '#282400',
-    shade40: '#4c4400',
-    shade30: '#4c4400',
-    shade20: '#c0ad00',
-    shade10: '#e3cc00',
-    primary: '#FDE300',
-    tint10: '#FDE71E',
-    tint20: '#FDEA3D',
-    tint30: '#fdee65',
-    tint40: '#fef7b2',
-    tint50: '#fffbd6',
-    tint60: '#fffef5',
-};
-var gold = {
-    shade50: '#1F1900',
-    shade40: '#3A2F00',
-    shade30: '#6D5700',
-    shade20: '#937600',
-    shade10: '#AE8C00',
-    primary: '#C19C00',
-    tint10: '#C9A618',
-    tint20: '#D0B132',
-    tint30: '#DAC057',
-    tint40: '#EDDEA6',
-    tint50: '#F5EDCE',
-    tint60: '#FDFBF2',
-};
-var brass = {
-    shade50: '#181202',
-    shade40: '#2E2203',
-    shade30: '#563F06',
-    shade20: '#745608',
-    shade10: '#8A650A',
-    primary: '#986F0B',
-    tint10: '#A57F1E',
-    tint20: '#B18E34',
-    tint30: '#C2A356',
-    tint40: '#E0CFA2',
-    tint50: '#EFE5CB',
-    tint60: '#FBF8F2',
-};
-var brown = {
-    shade50: '#170E07',
-    shade40: '#2B1A0E',
-    shade30: '#50301A',
-    shade20: '#6D4123',
-    shade10: '#814E29',
-    primary: '#8E562E',
-    tint10: '#9C663F',
-    tint20: '#AA7752',
-    tint30: '#BC8F6F',
-    tint40: '#DDC3B0',
-    tint50: '#EDDED3',
-    tint60: '#FBF7F4',
-};
-var darkBrown = {
-    shade50: '#0c0604',
-    shade40: '#170c08',
-    shade30: '#2b170f',
-    shade20: '#3a1f15',
-    shade10: '#452519',
-    primary: '#4D291C',
-    tint10: '#62392b',
-    tint20: '#774d3d',
-    tint30: '#946a5b',
-    tint40: '#c9ada3',
-    tint50: '#e2d1cb',
-    tint60: '#f8f3f2',
-};
-var lime = {
-    shade50: '#121b06',
-    shade40: '#22330b',
-    shade30: '#406014',
-    shade20: '#57821b',
-    shade10: '#679a20',
-    primary: '#73AA24',
-    tint10: '#81b537',
-    tint20: '#8fbf4c',
-    tint30: '#a4cd6c',
-    tint40: '#cfe6af',
-    tint50: '#e5f2d3',
-    tint60: '#f8fcf4',
-};
-var forest = {
-    shade50: '#0C1501',
-    shade40: '#162702',
-    shade30: '#294903',
-    shade20: '#386304',
-    shade10: '#427505',
-    primary: '#498205',
-    tint10: '#5A9117',
-    tint20: '#6BA02B',
-    tint30: '#85B44C',
-    tint40: '#BDDA9B',
-    tint50: '#DBEBC7',
-    tint60: '#F6FAF0',
-};
-var seafoam = {
-    shade50: '#002111',
-    shade40: '#003D20',
-    shade30: '#00723B',
-    shade20: '#009B50',
-    shade10: '#00B85F',
-    primary: '#00CC6A',
-    tint10: '#19D279',
-    tint20: '#34D889',
-    tint30: '#5AE09F',
-    tint40: '#A8F0CD',
-    tint50: '#CFF7E4',
-    tint60: '#F3FDF8',
-};
-var lightGreen = {
-    shade50: '#031a02',
-    shade40: '#063004',
-    shade30: '#0b5a08',
-    shade20: '#0f7a0b',
-    shade10: '#11910d',
-    primary: '#13A10E',
-    tint10: '#27ac22',
-    tint20: '#3db739',
-    tint30: '#5ec65a',
-    tint40: '#a7e3a5',
-    tint50: '#cef0cd',
-    tint60: '#f2fbf2',
-};
-var green = {
-    shade50: '#031403',
-    shade40: '#052505',
-    shade30: '#094609',
-    shade20: '#0c5f0c',
-    shade10: '#0f700f',
-    primary: '#107c10',
-    tint10: '#218d21',
-    tint20: '#359c35',
-    tint30: '#55B155',
-    tint40: '#a0d8a0',
-    tint50: '#caeaca',
-    tint60: '#f1faf1',
-};
-var darkGreen = {
-    shade50: '#021102',
-    shade40: '#032003',
-    shade30: '#063C06',
-    shade20: '#085108',
-    shade10: '#0A600A',
-    primary: '#0B6A0B',
-    tint10: '#1A7D1A',
-    tint20: '#2D8F2D',
-    tint30: '#4CA64C',
-    tint40: '#9AD39A',
-    tint50: '#C6E7C6',
-    tint60: '#F0F9F0',
-};
-var lightTeal = {
-    shade50: '#001D1F',
-    shade40: '#00363A',
-    shade30: '#00656D',
-    shade20: '#008993',
-    shade10: '#00A3AE',
-    primary: '#00B7C3',
-    tint10: '#18BDC9',
-    tint20: '#32C6D0',
-    tint30: '#57D2DA',
-    tint40: '#A6E8ED',
-    tint50: '#CEF3F5',
-    tint60: '#F2FCFD',
-};
-var teal = {
-    shade50: '#001516',
-    shade40: '#012729',
-    shade30: '#02494C',
-    shade20: '#026367',
-    shade10: '#02767A',
-    primary: '#038387',
-    tint10: '#159196',
-    tint20: '#2AA0A4',
-    tint30: '#4BB4B7',
-    tint40: '#9BD9DB',
-    tint50: '#C7EBEC',
-    tint60: '#F0FAFA',
-};
-var darkTeal = {
-    shade50: '#001010',
-    shade40: '#001f1f',
-    shade30: '#003939',
-    shade20: '#004e4e',
-    shade10: '#005c5c',
-    primary: '#006666',
-    tint10: '#0e7878',
-    tint20: '#218B8B',
-    tint30: '#41a3a3',
-    tint40: '#92d1d1',
-    tint50: '#c2e7e7',
-    tint60: '#eff9f9',
-};
-var cyan = {
-    shade50: '#00191e',
-    shade40: '#002e39',
-    shade30: '#00566a',
-    shade20: '#00758f',
-    shade10: '#008baa',
-    primary: '#0099BC',
-    tint10: '#18a5c5',
-    tint20: '#31b0cd',
-    tint30: '#56c0d7',
-    tint40: '#a5deeb',
-    tint50: '#cdedf4',
-    tint60: '#f2fafc',
-};
-var steel = {
-    shade50: '#000F12',
-    shade40: '#001B22',
-    shade30: '#00333F',
-    shade20: '#004655',
-    shade10: '#005265',
-    primary: '#005B70',
-    tint10: '#159196',
-    tint20: '#237E92',
-    tint30: '#4497A9',
-    tint40: '#95C8D4',
-    tint50: '#C3E1E8',
-    tint60: '#EFF7F9',
-};
-var lightBlue = {
-    shade50: '#091823',
-    shade40: '#112d43',
-    shade30: '#20547c',
-    shade20: '#2c73a9',
-    shade10: '#3488c8',
-    primary: '#3A96DD',
-    tint10: '#4fa2e2',
-    tint20: '#65aee6',
-    tint30: '#83beeb',
-    tint40: '#bfddf5',
-    tint50: '#dcedfa',
-    tint60: '#f6fafe',
-};
-var blue = {
-    shade50: '#001322',
-    shade40: '#00243F',
-    shade30: '#004377',
-    shade20: '#005BA1',
-    shade10: '#006CBE',
-    primary: '#0078D4',
-    tint10: '#1A86D9',
-    tint20: '#3595DE',
-    tint30: '#5CA9E5',
-    tint40: '#A9D3F2',
-    tint50: '#D0E7F8',
-    tint60: '#F3F9FD',
-};
-var royalBlue = {
-    shade50: '#000C16',
-    shade40: '#00172A',
-    shade30: '#002B4F',
-    shade20: '#003B6B',
-    shade10: '#00457E',
-    primary: '#004E8C',
-    tint10: '#125D9A',
-    tint20: '#286EA8',
-    tint30: '#4A88BA',
-    tint40: '#9ABFDD',
-    tint50: '#C7DCED',
-    tint60: '#F0F6FA',
-};
-var darkBlue = {
-    shade50: '#000910',
-    shade40: '#00111f',
-    shade30: '#002039',
-    shade20: '#002c4e',
-    shade10: '#00345c',
-    primary: '#003966',
-    tint10: '#0e4a78',
-    tint20: '#215d8b',
-    tint30: '#4179a3',
-    tint40: '#92b6d1',
-    tint50: '#c2d7e7',
-    tint60: '#eff5f9',
-};
-var cornflower = {
-    shade50: '#0D1126',
-    shade40: '#172047',
-    shade30: '#2C3C85',
-    shade20: '#3B52B4',
-    shade10: '#4661D5',
-    primary: '#4F6BED',
-    tint10: '#627CEF',
-    tint20: '#768DF1',
-    tint30: '#92A4F4',
-    tint40: '#C7D1FA',
-    tint50: '#E1E6FC',
-    tint60: '#F7F9FE',
-};
-var navy = {
-    shade50: '#00061D',
-    shade40: '#000C36',
-    shade30: '#001665',
-    shade20: '#001E8A',
-    shade10: '#0023A3',
-    primary: '#0027B4',
-    tint10: '#173BBE',
-    tint20: '#3050C7',
-    tint30: '#5470D3',
-    tint40: '#A3B2E9',
-    tint50: '#CCD5F3',
-    tint60: '#F2F4FC',
-};
-var lavender = {
-    shade50: '#120F25',
-    shade40: '#221D46',
-    shade30: '#403582',
-    shade20: '#5648B0',
-    shade10: '#6656D1',
-    primary: '#7160E8',
-    tint10: '#8171EB',
-    tint20: '#9183EE',
-    tint30: '#A79CF1',
-    tint40: '#D2CCF8',
-    tint50: '#E7E4FB',
-    tint60: '#F9F8FE',
-};
-var purple = {
-    shade50: '#0F0717',
-    shade40: '#1C0E2C',
-    shade30: '#341A51',
-    shade20: '#46236E',
-    shade10: '#532A83',
-    primary: '#5C2E91',
-    tint10: '#6C409F',
-    tint20: '#7C53AC',
-    tint30: '#9470BD',
-    tint40: '#C6B1DE',
-    tint50: '#E0D4ED',
-    tint60: '#F7F4FB',
-};
-var darkPurple = {
-    shade50: '#0a0411',
-    shade40: '#130820',
-    shade30: '#230f3c',
-    shade20: '#301451',
-    shade10: '#391860',
-    primary: '#401B6C',
-    tint10: '#502a7d',
-    tint20: '#623d8f',
-    tint30: '#7d5ba6',
-    tint40: '#b9a3d3',
-    tint50: '#d8cce7',
-    tint60: '#f5f2f9',
-};
-var orchid = {
-    shade50: '#15101d',
-    shade40: '#281e37',
-    shade30: '#4b3867',
-    shade20: '#664b8c',
-    shade10: '#7959a5',
-    primary: '#8764B8',
-    tint10: '#9372c0',
-    tint20: '#a083c9',
-    tint30: '#b29ad4',
-    tint40: '#d7c9ea',
-    tint50: '#e9e2f4',
-    tint60: '#f9f8fc',
-};
-var grape = {
-    shade50: '#160418',
-    shade40: '#29072E',
-    shade30: '#4D0D56',
-    shade20: '#691174',
-    shade10: '#7C158A',
-    primary: '#881798',
-    tint10: '#972AA5',
-    tint20: '#A43FB1',
-    tint30: '#B65FC2',
-    tint40: '#DAA7E0',
-    tint50: '#CCD5F3',
-    tint60: '#F2F4FC',
-};
-var berry = {
-    shade50: '#1f091c',
-    shade40: '#3a1135',
-    shade30: '#6d1f64',
-    shade20: '#932b87',
-    shade10: '#ae33a0',
-    primary: '#C239B3',
-    tint10: '#c94bba',
-    tint20: '#d060c3',
-    tint30: '#da7dcf',
-    tint40: '#edbae7',
-    tint50: '#f5d9f2',
-    tint60: '#fdf5fc',
-};
-var lilac = {
-    shade50: '#1C0B1F',
-    shade40: '#35153A',
-    shade30: '#63276D',
-    shade20: '#873593',
-    shade10: '#A03FAE',
-    primary: '#B146C2',
-    tint10: '#BA58C9',
-    tint20: '#C36BD0',
-    tint30: '#CF86DA',
-    tint40: '#E7BFED',
-    tint50: '#F2DCF5',
-    tint60: '#FCF6FD',
-};
-var pink = {
-    shade50: '#24091A',
-    shade40: '#441232',
-    shade30: '#7F215D',
-    shade20: '#AC2D7E',
-    shade10: '#CC3595',
-    primary: '#E43BA6',
-    tint10: '#E650AF',
-    tint20: '#EA66B9',
-    tint30: '#EE84C7',
-    tint40: '#F7C0E3',
-    tint50: '#FBDDF0',
-    tint60: '#FEF6FB',
-};
-var hotPink = {
-    shade50: '#240016',
-    shade40: '#44002a',
-    shade30: '#7f004e',
-    shade20: '#ac006a',
-    shade10: '#cc007e',
-    primary: '#E3008C',
-    tint10: '#e61c99',
-    tint20: '#ea38a6',
-    tint30: '#ee5fb7',
-    tint40: '#f7adda',
-    tint50: '#fbd2eb',
-    tint60: '#fef4fa',
-};
-var magenta = {
-    shade50: '#1F0013',
-    shade40: '#390023',
-    shade30: '#6B0042',
-    shade20: '#91005A',
-    shade10: '#AC006A',
-    primary: '#BF0077',
-    tint10: '#C71884',
-    tint20: '#CF3292',
-    tint30: '#D957A7',
-    tint40: '#ECA5D1',
-    tint50: '#F5CEE6',
-    tint60: '#FCF2F9',
-};
-var plum = {
-    shade50: '#13000C',
-    shade40: '#240017',
-    shade30: '#43002C',
-    shade20: '#5B003B',
-    shade10: '#6C0046',
-    primary: '#77004D',
-    tint10: '#88105E',
-    tint20: '#982570',
-    tint30: '#AE4689',
-    tint40: '#D696C0',
-    tint50: '#E9C4DC',
-    tint60: '#FAF0F6',
-};
-var beige = {
-    shade50: '#141313',
-    shade40: '#252323',
-    shade30: '#454241',
-    shade20: '#5D5958',
-    shade10: '#6E6A69',
-    primary: '#7A7574',
-    tint10: '#8A8584',
-    tint20: '#9A9594',
-    tint30: '#AFABAA',
-    tint40: '#D7D5D4',
-    tint50: '#EAE8E8',
-    tint60: '#FAF9F9',
-};
-// TODO naming iteration -> clashing with grey
-var mink = {
-    shade50: '#0F0E0E',
-    shade40: '#1C1B1A',
-    shade30: '#333231',
-    shade20: '#464442',
-    shade10: '#53504E',
-    primary: '#5D5A58',
-    tint10: '#6F6C6A',
-    tint20: '#83807E',
-    tint30: '#9D9A98',
-    tint40: '#CECCCB',
-    tint50: '#E5E4E3',
-    tint60: '#F8F8F8',
-};
-var silver = {
-    shade50: '#151818',
-    shade40: '#282d2e',
-    shade30: '#4b5356',
-    shade20: '#657174',
-    shade10: '#78868a',
-    primary: '#859599',
-    tint10: '#92a1a5',
-    tint20: '#a0aeb1',
-    tint30: '#b3bfc2',
-    tint40: '#d8dfe0',
-    tint50: '#eaeeef',
-    tint60: '#fafbfb',
-};
-var platinum = {
-    shade50: '#111314',
-    shade40: '#1F2425',
-    shade30: '#3A4346',
-    shade20: '#4F5B5F',
-    shade10: '#5D6C70',
-    primary: '#69797E',
-    tint10: '#78888D',
-    tint20: '#88979C',
-    tint30: '#9FADB1',
-    tint40: '#CDD5D8',
-    tint50: '#E4E9EA',
-    tint60: '#F8F9FA',
-};
-var anchor = {
-    shade50: '#090A0B',
-    shade40: '#111315',
-    shade30: '#1F2427',
-    shade20: '#2A3134',
-    shade10: '#32393E',
-    primary: '#394146',
-    tint10: '#4C555B',
-    tint20: '#616B72',
-    tint30: '#7F898F',
-    tint40: '#BCC3C7',
-    tint50: '#DADFE1',
-    tint60: '#F6F7F8',
-};
-var charcoal = {
-    shade50: '#090909',
-    shade40: '#111111',
-    shade30: '#1f1f1f',
-    shade20: '#2b2b2b',
-    shade10: '#323232',
-    primary: '#393939',
-    tint10: '#505050',
-    tint20: '#686868',
-    tint30: '#888888',
-    tint40: '#c3c3c3',
-    tint50: '#dfdfdf',
-    tint60: '#f7f7f7',
-};
-export var sharedColors = {
-    darkRed: darkRed,
-    burgundy: burgundy,
-    cranberry: cranberry,
-    red: red,
-    darkOrange: darkOrange,
-    bronze: bronze,
-    pumpkin: pumpkin,
-    orange: orange,
-    peach: peach,
-    marigold: marigold,
-    yellow: yellow,
-    gold: gold,
-    brass: brass,
-    brown: brown,
-    darkBrown: darkBrown,
-    lime: lime,
-    forest: forest,
-    seafoam: seafoam,
-    lightGreen: lightGreen,
-    green: green,
-    darkGreen: darkGreen,
-    lightTeal: lightTeal,
-    teal: teal,
-    darkTeal: darkTeal,
-    cyan: cyan,
-    steel: steel,
-    lightBlue: lightBlue,
-    blue: blue,
-    royalBlue: royalBlue,
-    darkBlue: darkBlue,
-    cornflower: cornflower,
-    navy: navy,
-    lavender: lavender,
-    purple: purple,
-    darkPurple: darkPurple,
-    orchid: orchid,
-    grape: grape,
-    berry: berry,
-    lilac: lilac,
-    pink: pink,
-    hotPink: hotPink,
-    magenta: magenta,
-    plum: plum,
-    beige: beige,
-    mink: mink,
-    silver: silver,
-    platinum: platinum,
-    anchor: anchor,
-    charcoal: charcoal,
-};
-export var brandColors = {
-    teams: brandTeams,
-    web: brand,
+export const grey = {
+  '0': '#000000',
+  '2': '#050505',
+  '4': '#0a0a0a',
+  '6': '#0f0f0f',
+  '8': '#141414',
+  '10': '#1a1a1a',
+  '12': '#1f1f1f',
+  '14': '#242424',
+  '16': '#292929',
+  '18': '#2e2e2e',
+  '20': '#333333',
+  '22': '#383838',
+  '24': '#3d3d3d',
+  '26': '#424242',
+  '28': '#474747',
+  '30': '#4d4d4d',
+  '32': '#525252',
+  '34': '#575757',
+  '36': '#5c5c5c',
+  '38': '#616161',
+  '40': '#666666',
+  '42': '#6b6b6b',
+  '44': '#707070',
+  '46': '#757575',
+  '48': '#7a7a7a',
+  '50': '#808080',
+  '52': '#858585',
+  '54': '#8a8a8a',
+  '56': '#8f8f8f',
+  '58': '#949494',
+  '60': '#999999',
+  '62': '#9e9e9e',
+  '64': '#a3a3a3',
+  '66': '#a8a8a8',
+  '68': '#adadad',
+  '70': '#b3b3b3',
+  '72': '#b8b8b8',
+  '74': '#bdbdbd',
+  '76': '#c2c2c2',
+  '78': '#c7c7c7',
+  '80': '#cccccc',
+  '82': '#d1d1d1',
+  '84': '#d6d6d6',
+  '86': '#dbdbdb',
+  '88': '#e0e0e0',
+  '90': '#e6e6e6',
+  '92': '#ebebeb',
+  '94': '#f0f0f0',
+  '96': '#f5f5f5',
+  '98': '#fafafa',
+  '100': '#ffffff'
+};
+export const whiteAlpha = {
+  '5': 'rgba(255, 255, 255, 0.05)',
+  '10': 'rgba(255, 255, 255, 0.1)',
+  '20': 'rgba(255, 255, 255, 0.2)',
+  '30': 'rgba(255, 255, 255, 0.3)',
+  '40': 'rgba(255, 255, 255, 0.4)',
+  '50': 'rgba(255, 255, 255, 0.5)',
+  '60': 'rgba(255, 255, 255, 0.6)',
+  '70': 'rgba(255, 255, 255, 0.7)',
+  '80': 'rgba(255, 255, 255, 0.8)',
+  '90': 'rgba(255, 255, 255, 0.9)'
+};
+export const blackAlpha = {
+  '5': 'rgba(0, 0, 0, 0.05)',
+  '10': 'rgba(0, 0, 0, 0.1)',
+  '20': 'rgba(0, 0, 0, 0.2)',
+  '30': 'rgba(0, 0, 0, 0.3)',
+  '40': 'rgba(0, 0, 0, 0.4)',
+  '50': 'rgba(0, 0, 0, 0.5)',
+  '60': 'rgba(0, 0, 0, 0.6)',
+  '70': 'rgba(0, 0, 0, 0.7)',
+  '80': 'rgba(0, 0, 0, 0.8)',
+  '90': 'rgba(0, 0, 0, 0.9)'
+};
+export const white = '#ffffff';
+export const black = '#000000';
+export const hcHyperlink = '#ffff00';
+export const hcHighlight = '#1aebff';
+export const hcDisabled = '#3ff23f';
+export const hcCanvas = '#000000';
+export const hcCanvasText = '#ffffff';
+export const hcHighlightText = '#000000';
+export const hcButtonText = '#000000';
+export const hcButtonFace = '#ffffff';
+const darkRed = {
+  shade50: '#130204',
+  shade40: '#230308',
+  shade30: '#420610',
+  shade20: '#590815',
+  shade10: '#690a19',
+  primary: '#750b1c',
+  tint10: '#861b2c',
+  tint20: '#962f3f',
+  tint30: '#ac4f5e',
+  tint40: '#d69ca5',
+  tint50: '#e9c7cd',
+  tint60: '#f9f0f2'
+};
+const burgundy = {
+  shade50: '#1a0607',
+  shade40: '#310b0d',
+  shade30: '#5c1519',
+  shade20: '#7d1d21',
+  shade10: '#942228',
+  primary: '#a4262c',
+  tint10: '#af393e',
+  tint20: '#ba4d52',
+  tint30: '#c86c70',
+  tint40: '#e4afb2',
+  tint50: '#f0d3d4',
+  tint60: '#fbf4f4'
+};
+const cranberry = {
+  shade50: '#200205',
+  shade40: '#3b0509',
+  shade30: '#6e0811',
+  shade20: '#960b18',
+  shade10: '#b10e1c',
+  primary: '#c50f1f',
+  tint10: '#cc2635',
+  tint20: '#d33f4c',
+  tint30: '#dc626d',
+  tint40: '#eeacb2',
+  tint50: '#f6d1d5',
+  tint60: '#fdf3f4'
+};
+const red = {
+  shade50: '#210809',
+  shade40: '#3f1011',
+  shade30: '#751d1f',
+  shade20: '#9f282b',
+  shade10: '#bc2f32',
+  primary: '#d13438',
+  tint10: '#d7494c',
+  tint20: '#dc5e62',
+  tint30: '#e37d80',
+  tint40: '#f1bbbc',
+  tint50: '#f8dadb',
+  tint60: '#fdf6f6'
+};
+const darkOrange = {
+  shade50: '#230900',
+  shade40: '#411200',
+  shade30: '#7a2101',
+  shade20: '#a62d01',
+  shade10: '#c43501',
+  primary: '#da3b01',
+  tint10: '#de501c',
+  tint20: '#e36537',
+  tint30: '#e9835e',
+  tint40: '#f4bfab',
+  tint50: '#f9dcd1',
+  tint60: '#fdf6f3'
+};
+const bronze = {
+  shade50: '#1b0a01',
+  shade40: '#321303',
+  shade30: '#5e2405',
+  shade20: '#7f3107',
+  shade10: '#963a08',
+  primary: '#a74109',
+  tint10: '#b2521e',
+  tint20: '#bc6535',
+  tint30: '#ca8057',
+  tint40: '#e5bba4',
+  tint50: '#f1d9cc',
+  tint60: '#fbf5f2'
+};
+const pumpkin = {
+  shade50: '#200d03',
+  shade40: '#3d1805',
+  shade30: '#712d09',
+  shade20: '#9a3d0c',
+  shade10: '#b6480e',
+  primary: '#ca5010',
+  tint10: '#d06228',
+  tint20: '#d77440',
+  tint30: '#df8e64',
+  tint40: '#efc4ad',
+  tint50: '#f7dfd2',
+  tint60: '#fdf7f4'
+};
+const orange = {
+  shade50: '#271002',
+  shade40: '#4a1e04',
+  shade30: '#8a3707',
+  shade20: '#bc4b09',
+  shade10: '#de590b',
+  primary: '#f7630c',
+  tint10: '#f87528',
+  tint20: '#f98845',
+  tint30: '#faa06b',
+  tint40: '#fdcfb4',
+  tint50: '#fee5d7',
+  tint60: '#fff9f5'
+};
+const peach = {
+  shade50: '#291600',
+  shade40: '#4d2a00',
+  shade30: '#8f4e00',
+  shade20: '#c26a00',
+  shade10: '#e67e00',
+  primary: '#ff8c00',
+  tint10: '#ff9a1f',
+  tint20: '#ffa83d',
+  tint30: '#ffba66',
+  tint40: '#ffddb3',
+  tint50: '#ffedd6',
+  tint60: '#fffaf5'
+};
+const marigold = {
+  shade50: '#251a00',
+  shade40: '#463100',
+  shade30: '#835b00',
+  shade20: '#b27c00',
+  shade10: '#d39300',
+  primary: '#eaa300',
+  tint10: '#edad1c',
+  tint20: '#efb839',
+  tint30: '#f2c661',
+  tint40: '#f9e2ae',
+  tint50: '#fcefd3',
+  tint60: '#fefbf4'
+};
+const yellow = {
+  shade50: '#282400',
+  shade40: '#4c4400',
+  shade30: '#8e7f00',
+  shade20: '#c0ad00',
+  shade10: '#e4cc00',
+  primary: '#fde300',
+  tint10: '#fde61e',
+  tint20: '#fdea3d',
+  tint30: '#feee66',
+  tint40: '#fef7b2',
+  tint50: '#fffad6',
+  tint60: '#fffef5'
+};
+const gold = {
+  shade50: '#1f1900',
+  shade40: '#3a2f00',
+  shade30: '#6c5700',
+  shade20: '#937700',
+  shade10: '#ae8c00',
+  primary: '#c19c00',
+  tint10: '#c8a718',
+  tint20: '#d0b232',
+  tint30: '#dac157',
+  tint40: '#ecdfa5',
+  tint50: '#f5eece',
+  tint60: '#fdfbf2'
+};
+const brass = {
+  shade50: '#181202',
+  shade40: '#2e2103',
+  shade30: '#553e06',
+  shade20: '#745408',
+  shade10: '#89640a',
+  primary: '#986f0b',
+  tint10: '#a47d1e',
+  tint20: '#b18c34',
+  tint30: '#c1a256',
+  tint40: '#e0cea2',
+  tint50: '#efe4cb',
+  tint60: '#fbf8f2'
+};
+const brown = {
+  shade50: '#170e07',
+  shade40: '#2b1a0e',
+  shade30: '#50301a',
+  shade20: '#6c4123',
+  shade10: '#804d29',
+  primary: '#8e562e',
+  tint10: '#9c663f',
+  tint20: '#a97652',
+  tint30: '#bb8f6f',
+  tint40: '#ddc3b0',
+  tint50: '#edded3',
+  tint60: '#faf7f4'
+};
+const darkBrown = {
+  shade50: '#0c0704',
+  shade40: '#170c08',
+  shade30: '#2b1710',
+  shade20: '#3a1f15',
+  shade10: '#452519',
+  primary: '#4d291c',
+  tint10: '#623a2b',
+  tint20: '#784d3e',
+  tint30: '#946b5c',
+  tint40: '#caada3',
+  tint50: '#e3d2cb',
+  tint60: '#f8f3f2'
+};
+const lime = {
+  shade50: '#121b06',
+  shade40: '#23330b',
+  shade30: '#405f14',
+  shade20: '#57811b',
+  shade10: '#689920',
+  primary: '#73aa24',
+  tint10: '#81b437',
+  tint20: '#90be4c',
+  tint30: '#a4cc6c',
+  tint40: '#cfe5af',
+  tint50: '#e5f1d3',
+  tint60: '#f8fcf4'
+};
+const forest = {
+  shade50: '#0c1501',
+  shade40: '#162702',
+  shade30: '#294903',
+  shade20: '#376304',
+  shade10: '#427505',
+  primary: '#498205',
+  tint10: '#599116',
+  tint20: '#6ba02b',
+  tint30: '#85b44c',
+  tint40: '#bdd99b',
+  tint50: '#dbebc7',
+  tint60: '#f6faf0'
+};
+const seafoam = {
+  shade50: '#002111',
+  shade40: '#003d20',
+  shade30: '#00723b',
+  shade20: '#009b51',
+  shade10: '#00b85f',
+  primary: '#00cc6a',
+  tint10: '#19d279',
+  tint20: '#34d889',
+  tint30: '#5ae0a0',
+  tint40: '#a8f0cd',
+  tint50: '#cff7e4',
+  tint60: '#f3fdf8'
+};
+const lightGreen = {
+  shade50: '#031a02',
+  shade40: '#063004',
+  shade30: '#0b5a08',
+  shade20: '#0e7a0b',
+  shade10: '#11910d',
+  primary: '#13a10e',
+  tint10: '#27ac22',
+  tint20: '#3db838',
+  tint30: '#5ec75a',
+  tint40: '#a7e3a5',
+  tint50: '#cef0cd',
+  tint60: '#f2fbf2'
+};
+const green = {
+  shade50: '#031403',
+  shade40: '#052505',
+  shade30: '#094509',
+  shade20: '#0c5e0c',
+  shade10: '#0e700e',
+  primary: '#107c10',
+  tint10: '#218c21',
+  tint20: '#359b35',
+  tint30: '#54b054',
+  tint40: '#9fd89f',
+  tint50: '#c9eac9',
+  tint60: '#f1faf1'
+};
+const darkGreen = {
+  shade50: '#021102',
+  shade40: '#032003',
+  shade30: '#063b06',
+  shade20: '#085108',
+  shade10: '#0a5f0a',
+  primary: '#0b6a0b',
+  tint10: '#1a7c1a',
+  tint20: '#2d8e2d',
+  tint30: '#4da64d',
+  tint40: '#9ad29a',
+  tint50: '#c6e7c6',
+  tint60: '#f0f9f0'
+};
+const lightTeal = {
+  shade50: '#001d1f',
+  shade40: '#00373a',
+  shade30: '#00666d',
+  shade20: '#008b94',
+  shade10: '#00a5af',
+  primary: '#00b7c3',
+  tint10: '#18bfca',
+  tint20: '#32c8d1',
+  tint30: '#58d3db',
+  tint40: '#a6e9ed',
+  tint50: '#cef3f5',
+  tint60: '#f2fcfd'
+};
+const teal = {
+  shade50: '#001516',
+  shade40: '#012728',
+  shade30: '#02494c',
+  shade20: '#026467',
+  shade10: '#037679',
+  primary: '#038387',
+  tint10: '#159195',
+  tint20: '#2aa0a4',
+  tint30: '#4cb4b7',
+  tint40: '#9bd9db',
+  tint50: '#c7ebec',
+  tint60: '#f0fafa'
+};
+const darkTeal = {
+  shade50: '#001010',
+  shade40: '#001f1f',
+  shade30: '#003939',
+  shade20: '#004e4e',
+  shade10: '#005c5c',
+  primary: '#006666',
+  tint10: '#0e7878',
+  tint20: '#218b8b',
+  tint30: '#41a3a3',
+  tint40: '#92d1d1',
+  tint50: '#c2e7e7',
+  tint60: '#eff9f9'
+};
+const cyan = {
+  shade50: '#00181e',
+  shade40: '#002e38',
+  shade30: '#005669',
+  shade20: '#00748f',
+  shade10: '#008aa9',
+  primary: '#0099bc',
+  tint10: '#18a4c4',
+  tint20: '#31afcc',
+  tint30: '#56bfd7',
+  tint40: '#a4deeb',
+  tint50: '#cdedf4',
+  tint60: '#f2fafc'
+};
+const steel = {
+  shade50: '#000f12',
+  shade40: '#001b22',
+  shade30: '#00333f',
+  shade20: '#004555',
+  shade10: '#005265',
+  primary: '#005b70',
+  tint10: '#0f6c81',
+  tint20: '#237d92',
+  tint30: '#4496a9',
+  tint40: '#94c8d4',
+  tint50: '#c3e1e8',
+  tint60: '#eff7f9'
+};
+const lightBlue = {
+  shade50: '#091823',
+  shade40: '#112d42',
+  shade30: '#20547c',
+  shade20: '#2c72a8',
+  shade10: '#3487c7',
+  primary: '#3a96dd',
+  tint10: '#4fa1e1',
+  tint20: '#65ade5',
+  tint30: '#83bdeb',
+  tint40: '#bfddf5',
+  tint50: '#dcedfa',
+  tint60: '#f6fafe'
+};
+const blue = {
+  shade50: '#001322',
+  shade40: '#002440',
+  shade30: '#004377',
+  shade20: '#005ba1',
+  shade10: '#006cbf',
+  primary: '#0078d4',
+  tint10: '#1a86d9',
+  tint20: '#3595de',
+  tint30: '#5caae5',
+  tint40: '#a9d3f2',
+  tint50: '#d0e7f8',
+  tint60: '#f3f9fd'
+};
+const royalBlue = {
+  shade50: '#000c16',
+  shade40: '#00172a',
+  shade30: '#002c4e',
+  shade20: '#003b6a',
+  shade10: '#00467e',
+  primary: '#004e8c',
+  tint10: '#125e9a',
+  tint20: '#286fa8',
+  tint30: '#4a89ba',
+  tint40: '#9abfdc',
+  tint50: '#c7dced',
+  tint60: '#f0f6fa'
+};
+const darkBlue = {
+  shade50: '#000910',
+  shade40: '#00111f',
+  shade30: '#002039',
+  shade20: '#002b4e',
+  shade10: '#00335c',
+  primary: '#003966',
+  tint10: '#0e4a78',
+  tint20: '#215c8b',
+  tint30: '#4178a3',
+  tint40: '#92b5d1',
+  tint50: '#c2d6e7',
+  tint60: '#eff4f9'
+};
+const cornflower = {
+  shade50: '#0d1126',
+  shade40: '#182047',
+  shade30: '#2c3c85',
+  shade20: '#3c51b4',
+  shade10: '#4760d5',
+  primary: '#4f6bed',
+  tint10: '#637cef',
+  tint20: '#778df1',
+  tint30: '#93a4f4',
+  tint40: '#c8d1fa',
+  tint50: '#e1e6fc',
+  tint60: '#f7f9fe'
+};
+const navy = {
+  shade50: '#00061d',
+  shade40: '#000c36',
+  shade30: '#001665',
+  shade20: '#001e89',
+  shade10: '#0023a2',
+  primary: '#0027b4',
+  tint10: '#173bbd',
+  tint20: '#3050c6',
+  tint30: '#546fd2',
+  tint40: '#a3b2e8',
+  tint50: '#ccd5f3',
+  tint60: '#f2f4fc'
+};
+const lavender = {
+  shade50: '#120f25',
+  shade40: '#221d46',
+  shade30: '#3f3682',
+  shade20: '#5649b0',
+  shade10: '#6656d1',
+  primary: '#7160e8',
+  tint10: '#8172eb',
+  tint20: '#9184ee',
+  tint30: '#a79cf1',
+  tint40: '#d2ccf8',
+  tint50: '#e7e4fb',
+  tint60: '#f9f8fe'
+};
+const purple = {
+  shade50: '#0f0717',
+  shade40: '#1c0e2b',
+  shade30: '#341a51',
+  shade20: '#46236e',
+  shade10: '#532982',
+  primary: '#5c2e91',
+  tint10: '#6b3f9e',
+  tint20: '#7c52ab',
+  tint30: '#9470bd',
+  tint40: '#c6b1de',
+  tint50: '#e0d3ed',
+  tint60: '#f7f4fb'
+};
+const darkPurple = {
+  shade50: '#0a0411',
+  shade40: '#130820',
+  shade30: '#240f3c',
+  shade20: '#311552',
+  shade10: '#3a1861',
+  primary: '#401b6c',
+  tint10: '#512b7e',
+  tint20: '#633e8f',
+  tint30: '#7e5ca7',
+  tint40: '#b9a3d3',
+  tint50: '#d8cce7',
+  tint60: '#f5f2f9'
+};
+const orchid = {
+  shade50: '#16101d',
+  shade40: '#281e37',
+  shade30: '#4c3867',
+  shade20: '#674c8c',
+  shade10: '#795aa6',
+  primary: '#8764b8',
+  tint10: '#9373c0',
+  tint20: '#a083c9',
+  tint30: '#b29ad4',
+  tint40: '#d7caea',
+  tint50: '#e9e2f4',
+  tint60: '#f9f8fc'
+};
+const grape = {
+  shade50: '#160418',
+  shade40: '#29072e',
+  shade30: '#4c0d55',
+  shade20: '#671174',
+  shade10: '#7a1589',
+  primary: '#881798',
+  tint10: '#952aa4',
+  tint20: '#a33fb1',
+  tint30: '#b55fc1',
+  tint40: '#d9a7e0',
+  tint50: '#eaceef',
+  tint60: '#faf2fb'
+};
+const berry = {
+  shade50: '#1f091d',
+  shade40: '#3a1136',
+  shade30: '#6d2064',
+  shade20: '#932b88',
+  shade10: '#af33a1',
+  primary: '#c239b3',
+  tint10: '#c94cbc',
+  tint20: '#d161c4',
+  tint30: '#da7ed0',
+  tint40: '#edbbe7',
+  tint50: '#f5daf2',
+  tint60: '#fdf5fc'
+};
+const lilac = {
+  shade50: '#1c0b1f',
+  shade40: '#35153a',
+  shade30: '#63276d',
+  shade20: '#863593',
+  shade10: '#9f3faf',
+  primary: '#b146c2',
+  tint10: '#ba58c9',
+  tint20: '#c36bd1',
+  tint30: '#cf87da',
+  tint40: '#e6bfed',
+  tint50: '#f2dcf5',
+  tint60: '#fcf6fd'
+};
+const pink = {
+  shade50: '#24091b',
+  shade40: '#441232',
+  shade30: '#80215d',
+  shade20: '#ad2d7e',
+  shade10: '#cd3595',
+  primary: '#e43ba6',
+  tint10: '#e750b0',
+  tint20: '#ea66ba',
+  tint30: '#ef85c8',
+  tint40: '#f7c0e3',
+  tint50: '#fbddf0',
+  tint60: '#fef6fb'
+};
+const hotPink = {
+  shade50: '#240016',
+  shade40: '#44002a',
+  shade30: '#7f004e',
+  shade20: '#ad006a',
+  shade10: '#cc007e',
+  primary: '#e3008c',
+  tint10: '#e61c99',
+  tint20: '#ea38a6',
+  tint30: '#ee5fb7',
+  tint40: '#f7adda',
+  tint50: '#fbd2eb',
+  tint60: '#fef4fa'
+};
+const magenta = {
+  shade50: '#1f0013',
+  shade40: '#390024',
+  shade30: '#6b0043',
+  shade20: '#91005a',
+  shade10: '#ac006b',
+  primary: '#bf0077',
+  tint10: '#c71885',
+  tint20: '#ce3293',
+  tint30: '#d957a8',
+  tint40: '#eca5d1',
+  tint50: '#f5cee6',
+  tint60: '#fcf2f9'
+};
+const plum = {
+  shade50: '#13000c',
+  shade40: '#240017',
+  shade30: '#43002b',
+  shade20: '#5a003b',
+  shade10: '#6b0045',
+  primary: '#77004d',
+  tint10: '#87105d',
+  tint20: '#98246f',
+  tint30: '#ad4589',
+  tint40: '#d696c0',
+  tint50: '#e9c4dc',
+  tint60: '#faf0f6'
+};
+const beige = {
+  shade50: '#141313',
+  shade40: '#252323',
+  shade30: '#444241',
+  shade20: '#5d5958',
+  shade10: '#6e6968',
+  primary: '#7a7574',
+  tint10: '#8a8584',
+  tint20: '#9a9594',
+  tint30: '#afabaa',
+  tint40: '#d7d4d4',
+  tint50: '#eae8e8',
+  tint60: '#faf9f9'
+};
+const mink = {
+  shade50: '#0f0e0e',
+  shade40: '#1c1b1a',
+  shade30: '#343231',
+  shade20: '#474443',
+  shade10: '#54514f',
+  primary: '#5d5a58',
+  tint10: '#706d6b',
+  tint20: '#84817e',
+  tint30: '#9e9b99',
+  tint40: '#cecccb',
+  tint50: '#e5e4e3',
+  tint60: '#f8f8f8'
+};
+const silver = {
+  shade50: '#151818',
+  shade40: '#282d2e',
+  shade30: '#4a5356',
+  shade20: '#657174',
+  shade10: '#78868a',
+  primary: '#859599',
+  tint10: '#92a1a5',
+  tint20: '#a0aeb1',
+  tint30: '#b3bfc2',
+  tint40: '#d8dfe0',
+  tint50: '#eaeeef',
+  tint60: '#fafbfb'
+};
+const platinum = {
+  shade50: '#111314',
+  shade40: '#1f2426',
+  shade30: '#3b4447',
+  shade20: '#505c60',
+  shade10: '#5f6d71',
+  primary: '#69797e',
+  tint10: '#79898d',
+  tint20: '#89989d',
+  tint30: '#a0adb2',
+  tint40: '#cdd6d8',
+  tint50: '#e4e9ea',
+  tint60: '#f8f9fa'
+};
+const anchor = {
+  shade50: '#090a0b',
+  shade40: '#111315',
+  shade30: '#202427',
+  shade20: '#2b3135',
+  shade10: '#333a3f',
+  primary: '#394146',
+  tint10: '#4d565c',
+  tint20: '#626c72',
+  tint30: '#808a90',
+  tint40: '#bcc3c7',
+  tint50: '#dbdfe1',
+  tint60: '#f6f7f8'
+};
+const charcoal = {
+  shade50: '#090909',
+  shade40: '#111111',
+  shade30: '#202020',
+  shade20: '#2b2b2b',
+  shade10: '#333333',
+  primary: '#393939',
+  tint10: '#515151',
+  tint20: '#686868',
+  tint30: '#888888',
+  tint40: '#c4c4c4',
+  tint50: '#dfdfdf',
+  tint60: '#f7f7f7'
+};
+export const sharedColors = {
+  darkRed,
+  burgundy,
+  cranberry,
+  red,
+  darkOrange,
+  bronze,
+  pumpkin,
+  orange,
+  peach,
+  marigold,
+  yellow,
+  gold,
+  brass,
+  brown,
+  darkBrown,
+  lime,
+  forest,
+  seafoam,
+  lightGreen,
+  green,
+  darkGreen,
+  lightTeal,
+  teal,
+  darkTeal,
+  cyan,
+  steel,
+  lightBlue,
+  blue,
+  royalBlue,
+  darkBlue,
+  cornflower,
+  navy,
+  lavender,
+  purple,
+  darkPurple,
+  orchid,
+  grape,
+  berry,
+  lilac,
+  pink,
+  hotPink,
+  magenta,
+  plum,
+  beige,
+  mink,
+  silver,
+  platinum,
+  anchor,
+  charcoal
 };
 //# sourceMappingURL=colors.js.map