@fluentui/tokens 1.0.0-alpha.2 → 1.0.0-alpha.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (230) hide show
  1. package/CHANGELOG.md +167 -2
  2. package/dist/index.d.ts +44 -2
  3. package/lib/alias/darkColor.js +169 -155
  4. package/lib/alias/darkColor.js.map +1 -1
  5. package/lib/alias/darkColorPalette.js +57 -32
  6. package/lib/alias/darkColorPalette.js.map +1 -1
  7. package/lib/alias/highContrastColor.js +169 -155
  8. package/lib/alias/highContrastColor.js.map +1 -1
  9. package/lib/alias/highContrastColorPalette.js +50 -29
  10. package/lib/alias/highContrastColorPalette.js.map +1 -1
  11. package/lib/alias/lightColor.js +169 -155
  12. package/lib/alias/lightColor.js.map +1 -1
  13. package/lib/alias/lightColorPalette.js +53 -29
  14. package/lib/alias/lightColorPalette.js.map +1 -1
  15. package/lib/alias/teamsDarkColor.js +169 -155
  16. package/lib/alias/teamsDarkColor.js.map +1 -1
  17. package/lib/global/borderRadius.js +6 -7
  18. package/lib/global/borderRadius.js.map +1 -1
  19. package/lib/global/brandColors.js +48 -49
  20. package/lib/global/brandColors.js.map +1 -1
  21. package/lib/global/colorPalette.js +41 -37
  22. package/lib/global/colorPalette.js.map +1 -1
  23. package/lib/global/colors.js +693 -675
  24. package/lib/global/colors.js.map +1 -1
  25. package/lib/global/curves.js +9 -10
  26. package/lib/global/curves.js.map +1 -1
  27. package/lib/global/durations.js +8 -8
  28. package/lib/global/durations.js.map +1 -1
  29. package/lib/global/fonts.js +27 -30
  30. package/lib/global/fonts.js.map +1 -1
  31. package/lib/global/index.js +8 -10
  32. package/lib/global/index.js.map +1 -1
  33. package/lib/global/spacings.js +33 -34
  34. package/lib/global/spacings.js.map +1 -1
  35. package/lib/global/strokeWidths.js +4 -5
  36. package/lib/global/strokeWidths.js.map +1 -1
  37. package/lib/global/typographyStyles.js +104 -107
  38. package/lib/global/typographyStyles.js.map +1 -1
  39. package/lib/index.js +5 -6
  40. package/lib/index.js.map +1 -1
  41. package/lib/sharedColorNames.js +60 -9
  42. package/lib/sharedColorNames.js.map +1 -1
  43. package/lib/statusColorMapping.js +5 -0
  44. package/lib/statusColorMapping.js.map +1 -0
  45. package/lib/themeToTokensObject.js +7 -11
  46. package/lib/themeToTokensObject.js.map +1 -1
  47. package/lib/themes/index.js +2 -3
  48. package/lib/themes/index.js.map +1 -1
  49. package/lib/themes/teams/darkTheme.js +3 -4
  50. package/lib/themes/teams/darkTheme.js.map +1 -1
  51. package/lib/themes/teams/highContrastTheme.js +2 -3
  52. package/lib/themes/teams/highContrastTheme.js.map +1 -1
  53. package/lib/themes/teams/index.js +3 -4
  54. package/lib/themes/teams/index.js.map +1 -1
  55. package/lib/themes/teams/lightTheme.js +3 -4
  56. package/lib/themes/teams/lightTheme.js.map +1 -1
  57. package/lib/themes/web/darkTheme.js +3 -4
  58. package/lib/themes/web/darkTheme.js.map +1 -1
  59. package/lib/themes/web/index.js +2 -3
  60. package/lib/themes/web/index.js.map +1 -1
  61. package/lib/themes/web/lightTheme.js +3 -4
  62. package/lib/themes/web/lightTheme.js.map +1 -1
  63. package/lib/tokens.js +523 -433
  64. package/lib/tokens.js.map +1 -1
  65. package/lib/types.js +1 -2
  66. package/lib/types.js.map +1 -1
  67. package/lib/utils/createDarkTheme.js +26 -25
  68. package/lib/utils/createDarkTheme.js.map +1 -1
  69. package/lib/utils/createHighContrastTheme.js +26 -25
  70. package/lib/utils/createHighContrastTheme.js.map +1 -1
  71. package/lib/utils/createLightTheme.js +26 -25
  72. package/lib/utils/createLightTheme.js.map +1 -1
  73. package/lib/utils/createTeamsDarkTheme.js +26 -25
  74. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  75. package/lib/utils/index.js +4 -5
  76. package/lib/utils/index.js.map +1 -1
  77. package/lib/utils/shadows.js +8 -9
  78. package/lib/utils/shadows.js.map +1 -1
  79. package/lib-commonjs/alias/darkColor.js +176 -162
  80. package/lib-commonjs/alias/darkColor.js.map +1 -1
  81. package/lib-commonjs/alias/darkColorPalette.js +84 -50
  82. package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
  83. package/lib-commonjs/alias/highContrastColor.js +176 -162
  84. package/lib-commonjs/alias/highContrastColor.js.map +1 -1
  85. package/lib-commonjs/alias/highContrastColorPalette.js +68 -38
  86. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
  87. package/lib-commonjs/alias/lightColor.js +176 -162
  88. package/lib-commonjs/alias/lightColor.js.map +1 -1
  89. package/lib-commonjs/alias/lightColorPalette.js +72 -39
  90. package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
  91. package/lib-commonjs/alias/teamsDarkColor.js +176 -162
  92. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
  93. package/lib-commonjs/global/borderRadius.js +14 -11
  94. package/lib-commonjs/global/borderRadius.js.map +1 -1
  95. package/lib-commonjs/global/brandColors.js +69 -55
  96. package/lib-commonjs/global/brandColors.js.map +1 -1
  97. package/lib-commonjs/global/colorPalette.js +61 -44
  98. package/lib-commonjs/global/colorPalette.js.map +1 -1
  99. package/lib-commonjs/global/colors.js +1012 -794
  100. package/lib-commonjs/global/colors.js.map +1 -1
  101. package/lib-commonjs/global/curves.js +17 -14
  102. package/lib-commonjs/global/curves.js.map +1 -1
  103. package/lib-commonjs/global/durations.js +16 -12
  104. package/lib-commonjs/global/durations.js.map +1 -1
  105. package/lib-commonjs/global/fonts.js +52 -37
  106. package/lib-commonjs/global/fonts.js.map +1 -1
  107. package/lib-commonjs/global/index.js +245 -23
  108. package/lib-commonjs/global/index.js.map +1 -1
  109. package/lib-commonjs/global/spacings.js +51 -40
  110. package/lib-commonjs/global/spacings.js.map +1 -1
  111. package/lib-commonjs/global/strokeWidths.js +12 -9
  112. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  113. package/lib-commonjs/global/typographyStyles.js +111 -114
  114. package/lib-commonjs/global/typographyStyles.js.map +1 -1
  115. package/lib-commonjs/index.js +51 -92
  116. package/lib-commonjs/index.js.map +1 -1
  117. package/lib-commonjs/sharedColorNames.js +82 -14
  118. package/lib-commonjs/sharedColorNames.js.map +1 -1
  119. package/lib-commonjs/statusColorMapping.js +15 -0
  120. package/lib-commonjs/statusColorMapping.js.map +1 -0
  121. package/lib-commonjs/themeToTokensObject.js +13 -23
  122. package/lib-commonjs/themeToTokensObject.js.map +1 -1
  123. package/lib-commonjs/themes/index.js +26 -9
  124. package/lib-commonjs/themes/index.js.map +1 -1
  125. package/lib-commonjs/themes/teams/darkTheme.js +10 -10
  126. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  127. package/lib-commonjs/themes/teams/highContrastTheme.js +9 -8
  128. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  129. package/lib-commonjs/themes/teams/index.js +21 -11
  130. package/lib-commonjs/themes/teams/index.js.map +1 -1
  131. package/lib-commonjs/themes/teams/lightTheme.js +10 -10
  132. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  133. package/lib-commonjs/themes/web/darkTheme.js +10 -10
  134. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  135. package/lib-commonjs/themes/web/index.js +17 -9
  136. package/lib-commonjs/themes/web/index.js.map +1 -1
  137. package/lib-commonjs/themes/web/lightTheme.js +10 -10
  138. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  139. package/lib-commonjs/tokens.js +531 -437
  140. package/lib-commonjs/tokens.js.map +1 -1
  141. package/lib-commonjs/types.js +1 -3
  142. package/lib-commonjs/types.js.map +1 -1
  143. package/lib-commonjs/utils/createDarkTheme.js +33 -38
  144. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  145. package/lib-commonjs/utils/createHighContrastTheme.js +33 -38
  146. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  147. package/lib-commonjs/utils/createLightTheme.js +33 -38
  148. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  149. package/lib-commonjs/utils/createTeamsDarkTheme.js +33 -38
  150. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  151. package/lib-commonjs/utils/index.js +25 -13
  152. package/lib-commonjs/utils/index.js.map +1 -1
  153. package/lib-commonjs/utils/shadows.js +15 -15
  154. package/lib-commonjs/utils/shadows.js.map +1 -1
  155. package/package.json +11 -15
  156. package/CHANGELOG.json +0 -35
  157. package/lib-amd/alias/darkColor.js +0 -158
  158. package/lib-amd/alias/darkColor.js.map +0 -1
  159. package/lib-amd/alias/darkColorPalette.js +0 -47
  160. package/lib-amd/alias/darkColorPalette.js.map +0 -1
  161. package/lib-amd/alias/highContrastColor.js +0 -158
  162. package/lib-amd/alias/highContrastColor.js.map +0 -1
  163. package/lib-amd/alias/highContrastColorPalette.js +0 -37
  164. package/lib-amd/alias/highContrastColorPalette.js.map +0 -1
  165. package/lib-amd/alias/lightColor.js +0 -158
  166. package/lib-amd/alias/lightColor.js.map +0 -1
  167. package/lib-amd/alias/lightColorPalette.js +0 -38
  168. package/lib-amd/alias/lightColorPalette.js.map +0 -1
  169. package/lib-amd/alias/teamsDarkColor.js +0 -158
  170. package/lib-amd/alias/teamsDarkColor.js.map +0 -1
  171. package/lib-amd/global/borderRadius.js +0 -14
  172. package/lib-amd/global/borderRadius.js.map +0 -1
  173. package/lib-amd/global/brandColors.js +0 -60
  174. package/lib-amd/global/brandColors.js.map +0 -1
  175. package/lib-amd/global/colorPalette.js +0 -45
  176. package/lib-amd/global/colorPalette.js.map +0 -1
  177. package/lib-amd/global/colors.js +0 -793
  178. package/lib-amd/global/colors.js.map +0 -1
  179. package/lib-amd/global/curves.js +0 -17
  180. package/lib-amd/global/curves.js.map +0 -1
  181. package/lib-amd/global/durations.js +0 -15
  182. package/lib-amd/global/durations.js.map +0 -1
  183. package/lib-amd/global/fonts.js +0 -45
  184. package/lib-amd/global/fonts.js.map +0 -1
  185. package/lib-amd/global/index.js +0 -14
  186. package/lib-amd/global/index.js.map +0 -1
  187. package/lib-amd/global/spacings.js +0 -46
  188. package/lib-amd/global/spacings.js.map +0 -1
  189. package/lib-amd/global/strokeWidths.js +0 -12
  190. package/lib-amd/global/strokeWidths.js.map +0 -1
  191. package/lib-amd/global/typographyStyles.js +0 -113
  192. package/lib-amd/global/typographyStyles.js.map +0 -1
  193. package/lib-amd/index.js +0 -18
  194. package/lib-amd/index.js.map +0 -1
  195. package/lib-amd/sharedColorNames.js +0 -64
  196. package/lib-amd/sharedColorNames.js.map +0 -1
  197. package/lib-amd/themeToTokensObject.js +0 -24
  198. package/lib-amd/themeToTokensObject.js.map +0 -1
  199. package/lib-amd/themes/index.js +0 -7
  200. package/lib-amd/themes/index.js.map +0 -1
  201. package/lib-amd/themes/teams/darkTheme.js +0 -7
  202. package/lib-amd/themes/teams/darkTheme.js.map +0 -1
  203. package/lib-amd/themes/teams/highContrastTheme.js +0 -7
  204. package/lib-amd/themes/teams/highContrastTheme.js.map +0 -1
  205. package/lib-amd/themes/teams/index.js +0 -8
  206. package/lib-amd/themes/teams/index.js.map +0 -1
  207. package/lib-amd/themes/teams/lightTheme.js +0 -7
  208. package/lib-amd/themes/teams/lightTheme.js.map +0 -1
  209. package/lib-amd/themes/web/darkTheme.js +0 -7
  210. package/lib-amd/themes/web/darkTheme.js.map +0 -1
  211. package/lib-amd/themes/web/index.js +0 -7
  212. package/lib-amd/themes/web/index.js.map +0 -1
  213. package/lib-amd/themes/web/lightTheme.js +0 -7
  214. package/lib-amd/themes/web/lightTheme.js.map +0 -1
  215. package/lib-amd/tokens.js +0 -440
  216. package/lib-amd/tokens.js.map +0 -1
  217. package/lib-amd/types.js +0 -5
  218. package/lib-amd/types.js.map +0 -1
  219. package/lib-amd/utils/createDarkTheme.js +0 -11
  220. package/lib-amd/utils/createDarkTheme.js.map +0 -1
  221. package/lib-amd/utils/createHighContrastTheme.js +0 -11
  222. package/lib-amd/utils/createHighContrastTheme.js.map +0 -1
  223. package/lib-amd/utils/createLightTheme.js +0 -11
  224. package/lib-amd/utils/createLightTheme.js.map +0 -1
  225. package/lib-amd/utils/createTeamsDarkTheme.js +0 -11
  226. package/lib-amd/utils/createTeamsDarkTheme.js.map +0 -1
  227. package/lib-amd/utils/index.js +0 -9
  228. package/lib-amd/utils/index.js.map +0 -1
  229. package/lib-amd/utils/shadows.js +0 -19
  230. package/lib-amd/utils/shadows.js.map +0 -1
@@ -1,94 +1,113 @@
1
- /* !!! DO NOT EDIT !!! */
2
-
3
- /* This file has been generated by the token pipeline */
4
- export const grey = {
5
- '0': '#000000',
6
- '2': '#050505',
7
- '4': '#0a0a0a',
8
- '6': '#0f0f0f',
9
- '8': '#141414',
10
- '10': '#1a1a1a',
11
- '12': '#1f1f1f',
12
- '14': '#242424',
13
- '16': '#292929',
14
- '18': '#2e2e2e',
15
- '20': '#333333',
16
- '22': '#383838',
17
- '24': '#3d3d3d',
18
- '26': '#424242',
19
- '28': '#474747',
20
- '30': '#4d4d4d',
21
- '32': '#525252',
22
- '34': '#575757',
23
- '36': '#5c5c5c',
24
- '38': '#616161',
25
- '40': '#666666',
26
- '42': '#6b6b6b',
27
- '44': '#707070',
28
- '46': '#757575',
29
- '48': '#7a7a7a',
30
- '50': '#808080',
31
- '52': '#858585',
32
- '54': '#8a8a8a',
33
- '56': '#8f8f8f',
34
- '58': '#949494',
35
- '60': '#999999',
36
- '62': '#9e9e9e',
37
- '64': '#a3a3a3',
38
- '66': '#a8a8a8',
39
- '68': '#adadad',
40
- '70': '#b3b3b3',
41
- '72': '#b8b8b8',
42
- '74': '#bdbdbd',
43
- '76': '#c2c2c2',
44
- '78': '#c7c7c7',
45
- '80': '#cccccc',
46
- '82': '#d1d1d1',
47
- '84': '#d6d6d6',
48
- '86': '#dbdbdb',
49
- '88': '#e0e0e0',
50
- '90': '#e6e6e6',
51
- '92': '#ebebeb',
52
- '94': '#f0f0f0',
53
- '96': '#f5f5f5',
54
- '98': '#fafafa',
55
- '100': '#ffffff'
1
+ /* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ export const grey = {
2
+ '2': '#050505',
3
+ '4': '#0a0a0a',
4
+ '6': '#0f0f0f',
5
+ '8': '#141414',
6
+ '10': '#1a1a1a',
7
+ '12': '#1f1f1f',
8
+ '14': '#242424',
9
+ '16': '#292929',
10
+ '18': '#2e2e2e',
11
+ '20': '#333333',
12
+ '22': '#383838',
13
+ '24': '#3d3d3d',
14
+ '26': '#424242',
15
+ '28': '#474747',
16
+ '30': '#4d4d4d',
17
+ '32': '#525252',
18
+ '34': '#575757',
19
+ '36': '#5c5c5c',
20
+ '38': '#616161',
21
+ '40': '#666666',
22
+ '42': '#6b6b6b',
23
+ '44': '#707070',
24
+ '46': '#757575',
25
+ '48': '#7a7a7a',
26
+ '50': '#808080',
27
+ '52': '#858585',
28
+ '54': '#8a8a8a',
29
+ '56': '#8f8f8f',
30
+ '58': '#949494',
31
+ '60': '#999999',
32
+ '62': '#9e9e9e',
33
+ '64': '#a3a3a3',
34
+ '66': '#a8a8a8',
35
+ '68': '#adadad',
36
+ '70': '#b3b3b3',
37
+ '72': '#b8b8b8',
38
+ '74': '#bdbdbd',
39
+ '76': '#c2c2c2',
40
+ '78': '#c7c7c7',
41
+ '80': '#cccccc',
42
+ '82': '#d1d1d1',
43
+ '84': '#d6d6d6',
44
+ '86': '#dbdbdb',
45
+ '88': '#e0e0e0',
46
+ '90': '#e6e6e6',
47
+ '92': '#ebebeb',
48
+ '94': '#f0f0f0',
49
+ '96': '#f5f5f5',
50
+ '98': '#fafafa'
56
51
  };
57
52
  export const whiteAlpha = {
58
- '5': 'rgba(255, 255, 255, 0.05)',
59
- '10': 'rgba(255, 255, 255, 0.1)',
60
- '20': 'rgba(255, 255, 255, 0.2)',
61
- '30': 'rgba(255, 255, 255, 0.3)',
62
- '40': 'rgba(255, 255, 255, 0.4)',
63
- '50': 'rgba(255, 255, 255, 0.5)',
64
- '60': 'rgba(255, 255, 255, 0.6)',
65
- '70': 'rgba(255, 255, 255, 0.7)',
66
- '80': 'rgba(255, 255, 255, 0.8)',
67
- '90': 'rgba(255, 255, 255, 0.9)'
53
+ '5': 'rgba(255, 255, 255, 0.05)',
54
+ '10': 'rgba(255, 255, 255, 0.1)',
55
+ '20': 'rgba(255, 255, 255, 0.2)',
56
+ '30': 'rgba(255, 255, 255, 0.3)',
57
+ '40': 'rgba(255, 255, 255, 0.4)',
58
+ '50': 'rgba(255, 255, 255, 0.5)',
59
+ '60': 'rgba(255, 255, 255, 0.6)',
60
+ '70': 'rgba(255, 255, 255, 0.7)',
61
+ '80': 'rgba(255, 255, 255, 0.8)',
62
+ '90': 'rgba(255, 255, 255, 0.9)'
68
63
  };
69
64
  export const blackAlpha = {
70
- '5': 'rgba(0, 0, 0, 0.05)',
71
- '10': 'rgba(0, 0, 0, 0.1)',
72
- '20': 'rgba(0, 0, 0, 0.2)',
73
- '30': 'rgba(0, 0, 0, 0.3)',
74
- '40': 'rgba(0, 0, 0, 0.4)',
75
- '50': 'rgba(0, 0, 0, 0.5)',
76
- '60': 'rgba(0, 0, 0, 0.6)',
77
- '70': 'rgba(0, 0, 0, 0.7)',
78
- '80': 'rgba(0, 0, 0, 0.8)',
79
- '90': 'rgba(0, 0, 0, 0.9)'
65
+ '5': 'rgba(0, 0, 0, 0.05)',
66
+ '10': 'rgba(0, 0, 0, 0.1)',
67
+ '20': 'rgba(0, 0, 0, 0.2)',
68
+ '30': 'rgba(0, 0, 0, 0.3)',
69
+ '40': 'rgba(0, 0, 0, 0.4)',
70
+ '50': 'rgba(0, 0, 0, 0.5)',
71
+ '60': 'rgba(0, 0, 0, 0.6)',
72
+ '70': 'rgba(0, 0, 0, 0.7)',
73
+ '80': 'rgba(0, 0, 0, 0.8)',
74
+ '90': 'rgba(0, 0, 0, 0.9)'
75
+ };
76
+ export const grey10Alpha = {
77
+ '5': 'rgba(26, 26, 26, 0.05)',
78
+ '10': 'rgba(26, 26, 26, 0.1)',
79
+ '20': 'rgba(26, 26, 26, 0.2)',
80
+ '30': 'rgba(26, 26, 26, 0.3)',
81
+ '40': 'rgba(26, 26, 26, 0.4)',
82
+ '50': 'rgba(26, 26, 26, 0.5)',
83
+ '60': 'rgba(26, 26, 26, 0.6)',
84
+ '70': 'rgba(26, 26, 26, 0.7)',
85
+ '80': 'rgba(26, 26, 26, 0.8)',
86
+ '90': 'rgba(26, 26, 26, 0.9)'
87
+ };
88
+ export const grey12Alpha = {
89
+ '5': 'rgba(31, 31, 31, 0.05)',
90
+ '10': 'rgba(31, 31, 31, 0.1)',
91
+ '20': 'rgba(31, 31, 31, 0.2)',
92
+ '30': 'rgba(31, 31, 31, 0.3)',
93
+ '40': 'rgba(31, 31, 31, 0.4)',
94
+ '50': 'rgba(31, 31, 31, 0.5)',
95
+ '60': 'rgba(31, 31, 31, 0.6)',
96
+ '70': 'rgba(31, 31, 31, 0.7)',
97
+ '80': 'rgba(31, 31, 31, 0.8)',
98
+ '90': 'rgba(31, 31, 31, 0.9)'
80
99
  };
81
100
  export const grey14Alpha = {
82
- '5': 'rgba(36, 36, 36, 0.05)',
83
- '10': 'rgba(36, 36, 36, 0.1)',
84
- '20': 'rgba(36, 36, 36, 0.2)',
85
- '30': 'rgba(36, 36, 36, 0.3)',
86
- '40': 'rgba(36, 36, 36, 0.4)',
87
- '50': 'rgba(36, 36, 36, 0.5)',
88
- '60': 'rgba(36, 36, 36, 0.6)',
89
- '70': 'rgba(36, 36, 36, 0.7)',
90
- '80': 'rgba(36, 36, 36, 0.8)',
91
- '90': 'rgba(36, 36, 36, 0.9)'
101
+ '5': 'rgba(36, 36, 36, 0.05)',
102
+ '10': 'rgba(36, 36, 36, 0.1)',
103
+ '20': 'rgba(36, 36, 36, 0.2)',
104
+ '30': 'rgba(36, 36, 36, 0.3)',
105
+ '40': 'rgba(36, 36, 36, 0.4)',
106
+ '50': 'rgba(36, 36, 36, 0.5)',
107
+ '60': 'rgba(36, 36, 36, 0.6)',
108
+ '70': 'rgba(36, 36, 36, 0.7)',
109
+ '80': 'rgba(36, 36, 36, 0.8)',
110
+ '90': 'rgba(36, 36, 36, 0.9)'
92
111
  };
93
112
  export const white = '#ffffff';
94
113
  export const black = '#000000';
@@ -101,689 +120,688 @@ export const hcHighlightText = '#000000';
101
120
  export const hcButtonText = '#000000';
102
121
  export const hcButtonFace = '#ffffff';
103
122
  export const darkRed = {
104
- shade50: '#130204',
105
- shade40: '#230308',
106
- shade30: '#420610',
107
- shade20: '#590815',
108
- shade10: '#690a19',
109
- primary: '#750b1c',
110
- tint10: '#861b2c',
111
- tint20: '#962f3f',
112
- tint30: '#ac4f5e',
113
- tint40: '#d69ca5',
114
- tint50: '#e9c7cd',
115
- tint60: '#f9f0f2'
123
+ shade50: '#130204',
124
+ shade40: '#230308',
125
+ shade30: '#420610',
126
+ shade20: '#590815',
127
+ shade10: '#690a19',
128
+ primary: '#750b1c',
129
+ tint10: '#861b2c',
130
+ tint20: '#962f3f',
131
+ tint30: '#ac4f5e',
132
+ tint40: '#d69ca5',
133
+ tint50: '#e9c7cd',
134
+ tint60: '#f9f0f2'
116
135
  };
117
136
  export const burgundy = {
118
- shade50: '#1a0607',
119
- shade40: '#310b0d',
120
- shade30: '#5c1519',
121
- shade20: '#7d1d21',
122
- shade10: '#942228',
123
- primary: '#a4262c',
124
- tint10: '#af393e',
125
- tint20: '#ba4d52',
126
- tint30: '#c86c70',
127
- tint40: '#e4afb2',
128
- tint50: '#f0d3d4',
129
- tint60: '#fbf4f4'
137
+ shade50: '#1a0607',
138
+ shade40: '#310b0d',
139
+ shade30: '#5c1519',
140
+ shade20: '#7d1d21',
141
+ shade10: '#942228',
142
+ primary: '#a4262c',
143
+ tint10: '#af393e',
144
+ tint20: '#ba4d52',
145
+ tint30: '#c86c70',
146
+ tint40: '#e4afb2',
147
+ tint50: '#f0d3d4',
148
+ tint60: '#fbf4f4'
130
149
  };
131
150
  export const cranberry = {
132
- shade50: '#200205',
133
- shade40: '#3b0509',
134
- shade30: '#6e0811',
135
- shade20: '#960b18',
136
- shade10: '#b10e1c',
137
- primary: '#c50f1f',
138
- tint10: '#cc2635',
139
- tint20: '#d33f4c',
140
- tint30: '#dc626d',
141
- tint40: '#eeacb2',
142
- tint50: '#f6d1d5',
143
- tint60: '#fdf3f4'
151
+ shade50: '#200205',
152
+ shade40: '#3b0509',
153
+ shade30: '#6e0811',
154
+ shade20: '#960b18',
155
+ shade10: '#b10e1c',
156
+ primary: '#c50f1f',
157
+ tint10: '#cc2635',
158
+ tint20: '#d33f4c',
159
+ tint30: '#dc626d',
160
+ tint40: '#eeacb2',
161
+ tint50: '#f6d1d5',
162
+ tint60: '#fdf3f4'
144
163
  };
145
164
  export const red = {
146
- shade50: '#210809',
147
- shade40: '#3f1011',
148
- shade30: '#751d1f',
149
- shade20: '#9f282b',
150
- shade10: '#bc2f32',
151
- primary: '#d13438',
152
- tint10: '#d7494c',
153
- tint20: '#dc5e62',
154
- tint30: '#e37d80',
155
- tint40: '#f1bbbc',
156
- tint50: '#f8dadb',
157
- tint60: '#fdf6f6'
165
+ shade50: '#210809',
166
+ shade40: '#3f1011',
167
+ shade30: '#751d1f',
168
+ shade20: '#9f282b',
169
+ shade10: '#bc2f32',
170
+ primary: '#d13438',
171
+ tint10: '#d7494c',
172
+ tint20: '#dc5e62',
173
+ tint30: '#e37d80',
174
+ tint40: '#f1bbbc',
175
+ tint50: '#f8dadb',
176
+ tint60: '#fdf6f6'
158
177
  };
159
178
  export const darkOrange = {
160
- shade50: '#230900',
161
- shade40: '#411200',
162
- shade30: '#7a2101',
163
- shade20: '#a62d01',
164
- shade10: '#c43501',
165
- primary: '#da3b01',
166
- tint10: '#de501c',
167
- tint20: '#e36537',
168
- tint30: '#e9835e',
169
- tint40: '#f4bfab',
170
- tint50: '#f9dcd1',
171
- tint60: '#fdf6f3'
179
+ shade50: '#230900',
180
+ shade40: '#411200',
181
+ shade30: '#7a2101',
182
+ shade20: '#a62d01',
183
+ shade10: '#c43501',
184
+ primary: '#da3b01',
185
+ tint10: '#de501c',
186
+ tint20: '#e36537',
187
+ tint30: '#e9835e',
188
+ tint40: '#f4bfab',
189
+ tint50: '#f9dcd1',
190
+ tint60: '#fdf6f3'
172
191
  };
173
192
  export const bronze = {
174
- shade50: '#1b0a01',
175
- shade40: '#321303',
176
- shade30: '#5e2405',
177
- shade20: '#7f3107',
178
- shade10: '#963a08',
179
- primary: '#a74109',
180
- tint10: '#b2521e',
181
- tint20: '#bc6535',
182
- tint30: '#ca8057',
183
- tint40: '#e5bba4',
184
- tint50: '#f1d9cc',
185
- tint60: '#fbf5f2'
193
+ shade50: '#1b0a01',
194
+ shade40: '#321303',
195
+ shade30: '#5e2405',
196
+ shade20: '#7f3107',
197
+ shade10: '#963a08',
198
+ primary: '#a74109',
199
+ tint10: '#b2521e',
200
+ tint20: '#bc6535',
201
+ tint30: '#ca8057',
202
+ tint40: '#e5bba4',
203
+ tint50: '#f1d9cc',
204
+ tint60: '#fbf5f2'
186
205
  };
187
206
  export const pumpkin = {
188
- shade50: '#200d03',
189
- shade40: '#3d1805',
190
- shade30: '#712d09',
191
- shade20: '#9a3d0c',
192
- shade10: '#b6480e',
193
- primary: '#ca5010',
194
- tint10: '#d06228',
195
- tint20: '#d77440',
196
- tint30: '#df8e64',
197
- tint40: '#efc4ad',
198
- tint50: '#f7dfd2',
199
- tint60: '#fdf7f4'
207
+ shade50: '#200d03',
208
+ shade40: '#3d1805',
209
+ shade30: '#712d09',
210
+ shade20: '#9a3d0c',
211
+ shade10: '#b6480e',
212
+ primary: '#ca5010',
213
+ tint10: '#d06228',
214
+ tint20: '#d77440',
215
+ tint30: '#df8e64',
216
+ tint40: '#efc4ad',
217
+ tint50: '#f7dfd2',
218
+ tint60: '#fdf7f4'
200
219
  };
201
220
  export const orange = {
202
- shade50: '#271002',
203
- shade40: '#4a1e04',
204
- shade30: '#8a3707',
205
- shade20: '#bc4b09',
206
- shade10: '#de590b',
207
- primary: '#f7630c',
208
- tint10: '#f87528',
209
- tint20: '#f98845',
210
- tint30: '#faa06b',
211
- tint40: '#fdcfb4',
212
- tint50: '#fee5d7',
213
- tint60: '#fff9f5'
221
+ shade50: '#271002',
222
+ shade40: '#4a1e04',
223
+ shade30: '#8a3707',
224
+ shade20: '#bc4b09',
225
+ shade10: '#de590b',
226
+ primary: '#f7630c',
227
+ tint10: '#f87528',
228
+ tint20: '#f98845',
229
+ tint30: '#faa06b',
230
+ tint40: '#fdcfb4',
231
+ tint50: '#fee5d7',
232
+ tint60: '#fff9f5'
214
233
  };
215
234
  export const peach = {
216
- shade50: '#291600',
217
- shade40: '#4d2a00',
218
- shade30: '#8f4e00',
219
- shade20: '#c26a00',
220
- shade10: '#e67e00',
221
- primary: '#ff8c00',
222
- tint10: '#ff9a1f',
223
- tint20: '#ffa83d',
224
- tint30: '#ffba66',
225
- tint40: '#ffddb3',
226
- tint50: '#ffedd6',
227
- tint60: '#fffaf5'
235
+ shade50: '#291600',
236
+ shade40: '#4d2a00',
237
+ shade30: '#8f4e00',
238
+ shade20: '#c26a00',
239
+ shade10: '#e67e00',
240
+ primary: '#ff8c00',
241
+ tint10: '#ff9a1f',
242
+ tint20: '#ffa83d',
243
+ tint30: '#ffba66',
244
+ tint40: '#ffddb3',
245
+ tint50: '#ffedd6',
246
+ tint60: '#fffaf5'
228
247
  };
229
248
  export const marigold = {
230
- shade50: '#251a00',
231
- shade40: '#463100',
232
- shade30: '#835b00',
233
- shade20: '#b27c00',
234
- shade10: '#d39300',
235
- primary: '#eaa300',
236
- tint10: '#edad1c',
237
- tint20: '#efb839',
238
- tint30: '#f2c661',
239
- tint40: '#f9e2ae',
240
- tint50: '#fcefd3',
241
- tint60: '#fefbf4'
249
+ shade50: '#251a00',
250
+ shade40: '#463100',
251
+ shade30: '#835b00',
252
+ shade20: '#b27c00',
253
+ shade10: '#d39300',
254
+ primary: '#eaa300',
255
+ tint10: '#edad1c',
256
+ tint20: '#efb839',
257
+ tint30: '#f2c661',
258
+ tint40: '#f9e2ae',
259
+ tint50: '#fcefd3',
260
+ tint60: '#fefbf4'
242
261
  };
243
262
  export const yellow = {
244
- primary: '#fde300',
245
- shade10: '#e4cc00',
246
- shade20: '#c0ad00',
247
- shade30: '#817400',
248
- shade40: '#4c4400',
249
- shade50: '#282400',
250
- tint10: '#fde61e',
251
- tint20: '#fdea3d',
252
- tint30: '#feee66',
253
- tint40: '#fef7b2',
254
- tint50: '#fffad6',
255
- tint60: '#fffef5'
263
+ shade50: '#282400',
264
+ shade40: '#4c4400',
265
+ shade30: '#817400',
266
+ shade20: '#c0ad00',
267
+ shade10: '#e4cc00',
268
+ primary: '#fde300',
269
+ tint10: '#fde61e',
270
+ tint20: '#fdea3d',
271
+ tint30: '#feee66',
272
+ tint40: '#fef7b2',
273
+ tint50: '#fffad6',
274
+ tint60: '#fffef5'
256
275
  };
257
276
  export const gold = {
258
- shade50: '#1f1900',
259
- shade40: '#3a2f00',
260
- shade30: '#6c5700',
261
- shade20: '#937700',
262
- shade10: '#ae8c00',
263
- primary: '#c19c00',
264
- tint10: '#c8a718',
265
- tint20: '#d0b232',
266
- tint30: '#dac157',
267
- tint40: '#ecdfa5',
268
- tint50: '#f5eece',
269
- tint60: '#fdfbf2'
277
+ shade50: '#1f1900',
278
+ shade40: '#3a2f00',
279
+ shade30: '#6c5700',
280
+ shade20: '#937700',
281
+ shade10: '#ae8c00',
282
+ primary: '#c19c00',
283
+ tint10: '#c8a718',
284
+ tint20: '#d0b232',
285
+ tint30: '#dac157',
286
+ tint40: '#ecdfa5',
287
+ tint50: '#f5eece',
288
+ tint60: '#fdfbf2'
270
289
  };
271
290
  export const brass = {
272
- shade50: '#181202',
273
- shade40: '#2e2103',
274
- shade30: '#553e06',
275
- shade20: '#745408',
276
- shade10: '#89640a',
277
- primary: '#986f0b',
278
- tint10: '#a47d1e',
279
- tint20: '#b18c34',
280
- tint30: '#c1a256',
281
- tint40: '#e0cea2',
282
- tint50: '#efe4cb',
283
- tint60: '#fbf8f2'
291
+ shade50: '#181202',
292
+ shade40: '#2e2103',
293
+ shade30: '#553e06',
294
+ shade20: '#745408',
295
+ shade10: '#89640a',
296
+ primary: '#986f0b',
297
+ tint10: '#a47d1e',
298
+ tint20: '#b18c34',
299
+ tint30: '#c1a256',
300
+ tint40: '#e0cea2',
301
+ tint50: '#efe4cb',
302
+ tint60: '#fbf8f2'
284
303
  };
285
304
  export const brown = {
286
- shade50: '#170e07',
287
- shade40: '#2b1a0e',
288
- shade30: '#50301a',
289
- shade20: '#6c4123',
290
- shade10: '#804d29',
291
- primary: '#8e562e',
292
- tint10: '#9c663f',
293
- tint20: '#a97652',
294
- tint30: '#bb8f6f',
295
- tint40: '#ddc3b0',
296
- tint50: '#edded3',
297
- tint60: '#faf7f4'
305
+ shade50: '#170e07',
306
+ shade40: '#2b1a0e',
307
+ shade30: '#50301a',
308
+ shade20: '#6c4123',
309
+ shade10: '#804d29',
310
+ primary: '#8e562e',
311
+ tint10: '#9c663f',
312
+ tint20: '#a97652',
313
+ tint30: '#bb8f6f',
314
+ tint40: '#ddc3b0',
315
+ tint50: '#edded3',
316
+ tint60: '#faf7f4'
298
317
  };
299
318
  export const darkBrown = {
300
- shade50: '#0c0704',
301
- shade40: '#170c08',
302
- shade30: '#2b1710',
303
- shade20: '#3a1f15',
304
- shade10: '#452519',
305
- primary: '#4d291c',
306
- tint10: '#623a2b',
307
- tint20: '#784d3e',
308
- tint30: '#946b5c',
309
- tint40: '#caada3',
310
- tint50: '#e3d2cb',
311
- tint60: '#f8f3f2'
319
+ shade50: '#0c0704',
320
+ shade40: '#170c08',
321
+ shade30: '#2b1710',
322
+ shade20: '#3a1f15',
323
+ shade10: '#452519',
324
+ primary: '#4d291c',
325
+ tint10: '#623a2b',
326
+ tint20: '#784d3e',
327
+ tint30: '#946b5c',
328
+ tint40: '#caada3',
329
+ tint50: '#e3d2cb',
330
+ tint60: '#f8f3f2'
312
331
  };
313
332
  export const lime = {
314
- shade50: '#121b06',
315
- shade40: '#23330b',
316
- shade30: '#405f14',
317
- shade20: '#57811b',
318
- shade10: '#689920',
319
- primary: '#73aa24',
320
- tint10: '#81b437',
321
- tint20: '#90be4c',
322
- tint30: '#a4cc6c',
323
- tint40: '#cfe5af',
324
- tint50: '#e5f1d3',
325
- tint60: '#f8fcf4'
333
+ shade50: '#121b06',
334
+ shade40: '#23330b',
335
+ shade30: '#405f14',
336
+ shade20: '#57811b',
337
+ shade10: '#689920',
338
+ primary: '#73aa24',
339
+ tint10: '#81b437',
340
+ tint20: '#90be4c',
341
+ tint30: '#a4cc6c',
342
+ tint40: '#cfe5af',
343
+ tint50: '#e5f1d3',
344
+ tint60: '#f8fcf4'
326
345
  };
327
346
  export const forest = {
328
- shade50: '#0c1501',
329
- shade40: '#162702',
330
- shade30: '#294903',
331
- shade20: '#376304',
332
- shade10: '#427505',
333
- primary: '#498205',
334
- tint10: '#599116',
335
- tint20: '#6ba02b',
336
- tint30: '#85b44c',
337
- tint40: '#bdd99b',
338
- tint50: '#dbebc7',
339
- tint60: '#f6faf0'
347
+ shade50: '#0c1501',
348
+ shade40: '#162702',
349
+ shade30: '#294903',
350
+ shade20: '#376304',
351
+ shade10: '#427505',
352
+ primary: '#498205',
353
+ tint10: '#599116',
354
+ tint20: '#6ba02b',
355
+ tint30: '#85b44c',
356
+ tint40: '#bdd99b',
357
+ tint50: '#dbebc7',
358
+ tint60: '#f6faf0'
340
359
  };
341
360
  export const seafoam = {
342
- shade50: '#002111',
343
- shade40: '#003d20',
344
- shade30: '#00723b',
345
- shade20: '#009b51',
346
- shade10: '#00b85f',
347
- primary: '#00cc6a',
348
- tint10: '#19d279',
349
- tint20: '#34d889',
350
- tint30: '#5ae0a0',
351
- tint40: '#a8f0cd',
352
- tint50: '#cff7e4',
353
- tint60: '#f3fdf8'
361
+ shade50: '#002111',
362
+ shade40: '#003d20',
363
+ shade30: '#00723b',
364
+ shade20: '#009b51',
365
+ shade10: '#00b85f',
366
+ primary: '#00cc6a',
367
+ tint10: '#19d279',
368
+ tint20: '#34d889',
369
+ tint30: '#5ae0a0',
370
+ tint40: '#a8f0cd',
371
+ tint50: '#cff7e4',
372
+ tint60: '#f3fdf8'
354
373
  };
355
374
  export const lightGreen = {
356
- shade50: '#031a02',
357
- shade40: '#063004',
358
- shade30: '#0b5a08',
359
- shade20: '#0e7a0b',
360
- shade10: '#11910d',
361
- primary: '#13a10e',
362
- tint10: '#27ac22',
363
- tint20: '#3db838',
364
- tint30: '#5ec75a',
365
- tint40: '#a7e3a5',
366
- tint50: '#cef0cd',
367
- tint60: '#f2fbf2'
375
+ shade50: '#031a02',
376
+ shade40: '#063004',
377
+ shade30: '#0b5a08',
378
+ shade20: '#0e7a0b',
379
+ shade10: '#11910d',
380
+ primary: '#13a10e',
381
+ tint10: '#27ac22',
382
+ tint20: '#3db838',
383
+ tint30: '#5ec75a',
384
+ tint40: '#a7e3a5',
385
+ tint50: '#cef0cd',
386
+ tint60: '#f2fbf2'
368
387
  };
369
388
  export const green = {
370
- shade50: '#031403',
371
- shade40: '#052505',
372
- shade30: '#094509',
373
- shade20: '#0c5e0c',
374
- shade10: '#0e700e',
375
- primary: '#107c10',
376
- tint10: '#218c21',
377
- tint20: '#359b35',
378
- tint30: '#54b054',
379
- tint40: '#9fd89f',
380
- tint50: '#c9eac9',
381
- tint60: '#f1faf1'
389
+ shade50: '#031403',
390
+ shade40: '#052505',
391
+ shade30: '#094509',
392
+ shade20: '#0c5e0c',
393
+ shade10: '#0e700e',
394
+ primary: '#107c10',
395
+ tint10: '#218c21',
396
+ tint20: '#359b35',
397
+ tint30: '#54b054',
398
+ tint40: '#9fd89f',
399
+ tint50: '#c9eac9',
400
+ tint60: '#f1faf1'
382
401
  };
383
402
  export const darkGreen = {
384
- shade50: '#021102',
385
- shade40: '#032003',
386
- shade30: '#063b06',
387
- shade20: '#085108',
388
- shade10: '#0a5f0a',
389
- primary: '#0b6a0b',
390
- tint10: '#1a7c1a',
391
- tint20: '#2d8e2d',
392
- tint30: '#4da64d',
393
- tint40: '#9ad29a',
394
- tint50: '#c6e7c6',
395
- tint60: '#f0f9f0'
403
+ shade50: '#021102',
404
+ shade40: '#032003',
405
+ shade30: '#063b06',
406
+ shade20: '#085108',
407
+ shade10: '#0a5f0a',
408
+ primary: '#0b6a0b',
409
+ tint10: '#1a7c1a',
410
+ tint20: '#2d8e2d',
411
+ tint30: '#4da64d',
412
+ tint40: '#9ad29a',
413
+ tint50: '#c6e7c6',
414
+ tint60: '#f0f9f0'
396
415
  };
397
416
  export const lightTeal = {
398
- shade50: '#001d1f',
399
- shade40: '#00373a',
400
- shade30: '#00666d',
401
- shade20: '#008b94',
402
- shade10: '#00a5af',
403
- primary: '#00b7c3',
404
- tint10: '#18bfca',
405
- tint20: '#32c8d1',
406
- tint30: '#58d3db',
407
- tint40: '#a6e9ed',
408
- tint50: '#cef3f5',
409
- tint60: '#f2fcfd'
417
+ shade50: '#001d1f',
418
+ shade40: '#00373a',
419
+ shade30: '#00666d',
420
+ shade20: '#008b94',
421
+ shade10: '#00a5af',
422
+ primary: '#00b7c3',
423
+ tint10: '#18bfca',
424
+ tint20: '#32c8d1',
425
+ tint30: '#58d3db',
426
+ tint40: '#a6e9ed',
427
+ tint50: '#cef3f5',
428
+ tint60: '#f2fcfd'
410
429
  };
411
430
  export const teal = {
412
- shade50: '#001516',
413
- shade40: '#012728',
414
- shade30: '#02494c',
415
- shade20: '#026467',
416
- shade10: '#037679',
417
- primary: '#038387',
418
- tint10: '#159195',
419
- tint20: '#2aa0a4',
420
- tint30: '#4cb4b7',
421
- tint40: '#9bd9db',
422
- tint50: '#c7ebec',
423
- tint60: '#f0fafa'
431
+ shade50: '#001516',
432
+ shade40: '#012728',
433
+ shade30: '#02494c',
434
+ shade20: '#026467',
435
+ shade10: '#037679',
436
+ primary: '#038387',
437
+ tint10: '#159195',
438
+ tint20: '#2aa0a4',
439
+ tint30: '#4cb4b7',
440
+ tint40: '#9bd9db',
441
+ tint50: '#c7ebec',
442
+ tint60: '#f0fafa'
424
443
  };
425
444
  export const darkTeal = {
426
- shade50: '#001010',
427
- shade40: '#001f1f',
428
- shade30: '#003939',
429
- shade20: '#004e4e',
430
- shade10: '#005c5c',
431
- primary: '#006666',
432
- tint10: '#0e7878',
433
- tint20: '#218b8b',
434
- tint30: '#41a3a3',
435
- tint40: '#92d1d1',
436
- tint50: '#c2e7e7',
437
- tint60: '#eff9f9'
445
+ shade50: '#001010',
446
+ shade40: '#001f1f',
447
+ shade30: '#003939',
448
+ shade20: '#004e4e',
449
+ shade10: '#005c5c',
450
+ primary: '#006666',
451
+ tint10: '#0e7878',
452
+ tint20: '#218b8b',
453
+ tint30: '#41a3a3',
454
+ tint40: '#92d1d1',
455
+ tint50: '#c2e7e7',
456
+ tint60: '#eff9f9'
438
457
  };
439
458
  export const cyan = {
440
- shade50: '#00181e',
441
- shade40: '#002e38',
442
- shade30: '#005669',
443
- shade20: '#00748f',
444
- shade10: '#008aa9',
445
- primary: '#0099bc',
446
- tint10: '#18a4c4',
447
- tint20: '#31afcc',
448
- tint30: '#56bfd7',
449
- tint40: '#a4deeb',
450
- tint50: '#cdedf4',
451
- tint60: '#f2fafc'
459
+ shade50: '#00181e',
460
+ shade40: '#002e38',
461
+ shade30: '#005669',
462
+ shade20: '#00748f',
463
+ shade10: '#008aa9',
464
+ primary: '#0099bc',
465
+ tint10: '#18a4c4',
466
+ tint20: '#31afcc',
467
+ tint30: '#56bfd7',
468
+ tint40: '#a4deeb',
469
+ tint50: '#cdedf4',
470
+ tint60: '#f2fafc'
452
471
  };
453
472
  export const steel = {
454
- shade50: '#000f12',
455
- shade40: '#001b22',
456
- shade30: '#00333f',
457
- shade20: '#004555',
458
- shade10: '#005265',
459
- primary: '#005b70',
460
- tint10: '#0f6c81',
461
- tint20: '#237d92',
462
- tint30: '#4496a9',
463
- tint40: '#94c8d4',
464
- tint50: '#c3e1e8',
465
- tint60: '#eff7f9'
473
+ shade50: '#000f12',
474
+ shade40: '#001b22',
475
+ shade30: '#00333f',
476
+ shade20: '#004555',
477
+ shade10: '#005265',
478
+ primary: '#005b70',
479
+ tint10: '#0f6c81',
480
+ tint20: '#237d92',
481
+ tint30: '#4496a9',
482
+ tint40: '#94c8d4',
483
+ tint50: '#c3e1e8',
484
+ tint60: '#eff7f9'
466
485
  };
467
486
  export const lightBlue = {
468
- shade50: '#091823',
469
- shade40: '#112d42',
470
- shade30: '#20547c',
471
- shade20: '#2c72a8',
472
- shade10: '#3487c7',
473
- primary: '#3a96dd',
474
- tint10: '#4fa1e1',
475
- tint20: '#65ade5',
476
- tint30: '#83bdeb',
477
- tint40: '#bfddf5',
478
- tint50: '#dcedfa',
479
- tint60: '#f6fafe'
487
+ shade50: '#091823',
488
+ shade40: '#112d42',
489
+ shade30: '#20547c',
490
+ shade20: '#2c72a8',
491
+ shade10: '#3487c7',
492
+ primary: '#3a96dd',
493
+ tint10: '#4fa1e1',
494
+ tint20: '#65ade5',
495
+ tint30: '#83bdeb',
496
+ tint40: '#bfddf5',
497
+ tint50: '#dcedfa',
498
+ tint60: '#f6fafe'
480
499
  };
481
500
  export const blue = {
482
- shade50: '#001322',
483
- shade40: '#002440',
484
- shade30: '#004377',
485
- shade20: '#005ba1',
486
- shade10: '#006cbf',
487
- primary: '#0078d4',
488
- tint10: '#1a86d9',
489
- tint20: '#3595de',
490
- tint30: '#5caae5',
491
- tint40: '#a9d3f2',
492
- tint50: '#d0e7f8',
493
- tint60: '#f3f9fd'
501
+ shade50: '#001322',
502
+ shade40: '#002440',
503
+ shade30: '#004377',
504
+ shade20: '#005ba1',
505
+ shade10: '#006cbf',
506
+ primary: '#0078d4',
507
+ tint10: '#1a86d9',
508
+ tint20: '#3595de',
509
+ tint30: '#5caae5',
510
+ tint40: '#a9d3f2',
511
+ tint50: '#d0e7f8',
512
+ tint60: '#f3f9fd'
494
513
  };
495
514
  export const royalBlue = {
496
- shade50: '#000c16',
497
- shade40: '#00172a',
498
- shade30: '#002c4e',
499
- shade20: '#003b6a',
500
- shade10: '#00467e',
501
- primary: '#004e8c',
502
- tint10: '#125e9a',
503
- tint20: '#286fa8',
504
- tint30: '#4a89ba',
505
- tint40: '#9abfdc',
506
- tint50: '#c7dced',
507
- tint60: '#f0f6fa'
515
+ shade50: '#000c16',
516
+ shade40: '#00172a',
517
+ shade30: '#002c4e',
518
+ shade20: '#003b6a',
519
+ shade10: '#00467e',
520
+ primary: '#004e8c',
521
+ tint10: '#125e9a',
522
+ tint20: '#286fa8',
523
+ tint30: '#4a89ba',
524
+ tint40: '#9abfdc',
525
+ tint50: '#c7dced',
526
+ tint60: '#f0f6fa'
508
527
  };
509
528
  export const darkBlue = {
510
- shade50: '#000910',
511
- shade40: '#00111f',
512
- shade30: '#002039',
513
- shade20: '#002b4e',
514
- shade10: '#00335c',
515
- primary: '#003966',
516
- tint10: '#0e4a78',
517
- tint20: '#215c8b',
518
- tint30: '#4178a3',
519
- tint40: '#92b5d1',
520
- tint50: '#c2d6e7',
521
- tint60: '#eff4f9'
529
+ shade50: '#000910',
530
+ shade40: '#00111f',
531
+ shade30: '#002039',
532
+ shade20: '#002b4e',
533
+ shade10: '#00335c',
534
+ primary: '#003966',
535
+ tint10: '#0e4a78',
536
+ tint20: '#215c8b',
537
+ tint30: '#4178a3',
538
+ tint40: '#92b5d1',
539
+ tint50: '#c2d6e7',
540
+ tint60: '#eff4f9'
522
541
  };
523
542
  export const cornflower = {
524
- shade50: '#0d1126',
525
- shade40: '#182047',
526
- shade30: '#2c3c85',
527
- shade20: '#3c51b4',
528
- shade10: '#4760d5',
529
- primary: '#4f6bed',
530
- tint10: '#637cef',
531
- tint20: '#778df1',
532
- tint30: '#93a4f4',
533
- tint40: '#c8d1fa',
534
- tint50: '#e1e6fc',
535
- tint60: '#f7f9fe'
543
+ shade50: '#0d1126',
544
+ shade40: '#182047',
545
+ shade30: '#2c3c85',
546
+ shade20: '#3c51b4',
547
+ shade10: '#4760d5',
548
+ primary: '#4f6bed',
549
+ tint10: '#637cef',
550
+ tint20: '#778df1',
551
+ tint30: '#93a4f4',
552
+ tint40: '#c8d1fa',
553
+ tint50: '#e1e6fc',
554
+ tint60: '#f7f9fe'
536
555
  };
537
556
  export const navy = {
538
- shade50: '#00061d',
539
- shade40: '#000c36',
540
- shade30: '#001665',
541
- shade20: '#001e89',
542
- shade10: '#0023a2',
543
- primary: '#0027b4',
544
- tint10: '#173bbd',
545
- tint20: '#3050c6',
546
- tint30: '#546fd2',
547
- tint40: '#a3b2e8',
548
- tint50: '#ccd5f3',
549
- tint60: '#f2f4fc'
557
+ shade50: '#00061d',
558
+ shade40: '#000c36',
559
+ shade30: '#001665',
560
+ shade20: '#001e89',
561
+ shade10: '#0023a2',
562
+ primary: '#0027b4',
563
+ tint10: '#173bbd',
564
+ tint20: '#3050c6',
565
+ tint30: '#546fd2',
566
+ tint40: '#a3b2e8',
567
+ tint50: '#ccd5f3',
568
+ tint60: '#f2f4fc'
550
569
  };
551
570
  export const lavender = {
552
- shade50: '#120f25',
553
- shade40: '#221d46',
554
- shade30: '#3f3682',
555
- shade20: '#5649b0',
556
- shade10: '#6656d1',
557
- primary: '#7160e8',
558
- tint10: '#8172eb',
559
- tint20: '#9184ee',
560
- tint30: '#a79cf1',
561
- tint40: '#d2ccf8',
562
- tint50: '#e7e4fb',
563
- tint60: '#f9f8fe'
571
+ shade50: '#120f25',
572
+ shade40: '#221d46',
573
+ shade30: '#3f3682',
574
+ shade20: '#5649b0',
575
+ shade10: '#6656d1',
576
+ primary: '#7160e8',
577
+ tint10: '#8172eb',
578
+ tint20: '#9184ee',
579
+ tint30: '#a79cf1',
580
+ tint40: '#d2ccf8',
581
+ tint50: '#e7e4fb',
582
+ tint60: '#f9f8fe'
564
583
  };
565
584
  export const purple = {
566
- shade50: '#0f0717',
567
- shade40: '#1c0e2b',
568
- shade30: '#341a51',
569
- shade20: '#46236e',
570
- shade10: '#532982',
571
- primary: '#5c2e91',
572
- tint10: '#6b3f9e',
573
- tint20: '#7c52ab',
574
- tint30: '#9470bd',
575
- tint40: '#c6b1de',
576
- tint50: '#e0d3ed',
577
- tint60: '#f7f4fb'
585
+ shade50: '#0f0717',
586
+ shade40: '#1c0e2b',
587
+ shade30: '#341a51',
588
+ shade20: '#46236e',
589
+ shade10: '#532982',
590
+ primary: '#5c2e91',
591
+ tint10: '#6b3f9e',
592
+ tint20: '#7c52ab',
593
+ tint30: '#9470bd',
594
+ tint40: '#c6b1de',
595
+ tint50: '#e0d3ed',
596
+ tint60: '#f7f4fb'
578
597
  };
579
598
  export const darkPurple = {
580
- shade50: '#0a0411',
581
- shade40: '#130820',
582
- shade30: '#240f3c',
583
- shade20: '#311552',
584
- shade10: '#3a1861',
585
- primary: '#401b6c',
586
- tint10: '#512b7e',
587
- tint20: '#633e8f',
588
- tint30: '#7e5ca7',
589
- tint40: '#b9a3d3',
590
- tint50: '#d8cce7',
591
- tint60: '#f5f2f9'
599
+ shade50: '#0a0411',
600
+ shade40: '#130820',
601
+ shade30: '#240f3c',
602
+ shade20: '#311552',
603
+ shade10: '#3a1861',
604
+ primary: '#401b6c',
605
+ tint10: '#512b7e',
606
+ tint20: '#633e8f',
607
+ tint30: '#7e5ca7',
608
+ tint40: '#b9a3d3',
609
+ tint50: '#d8cce7',
610
+ tint60: '#f5f2f9'
592
611
  };
593
612
  export const orchid = {
594
- shade50: '#16101d',
595
- shade40: '#281e37',
596
- shade30: '#4c3867',
597
- shade20: '#674c8c',
598
- shade10: '#795aa6',
599
- primary: '#8764b8',
600
- tint10: '#9373c0',
601
- tint20: '#a083c9',
602
- tint30: '#b29ad4',
603
- tint40: '#d7caea',
604
- tint50: '#e9e2f4',
605
- tint60: '#f9f8fc'
613
+ shade50: '#16101d',
614
+ shade40: '#281e37',
615
+ shade30: '#4c3867',
616
+ shade20: '#674c8c',
617
+ shade10: '#795aa6',
618
+ primary: '#8764b8',
619
+ tint10: '#9373c0',
620
+ tint20: '#a083c9',
621
+ tint30: '#b29ad4',
622
+ tint40: '#d7caea',
623
+ tint50: '#e9e2f4',
624
+ tint60: '#f9f8fc'
606
625
  };
607
626
  export const grape = {
608
- shade50: '#160418',
609
- shade40: '#29072e',
610
- shade30: '#4c0d55',
611
- shade20: '#671174',
612
- shade10: '#7a1589',
613
- primary: '#881798',
614
- tint10: '#952aa4',
615
- tint20: '#a33fb1',
616
- tint30: '#b55fc1',
617
- tint40: '#d9a7e0',
618
- tint50: '#eaceef',
619
- tint60: '#faf2fb'
627
+ shade50: '#160418',
628
+ shade40: '#29072e',
629
+ shade30: '#4c0d55',
630
+ shade20: '#671174',
631
+ shade10: '#7a1589',
632
+ primary: '#881798',
633
+ tint10: '#952aa4',
634
+ tint20: '#a33fb1',
635
+ tint30: '#b55fc1',
636
+ tint40: '#d9a7e0',
637
+ tint50: '#eaceef',
638
+ tint60: '#faf2fb'
620
639
  };
621
640
  export const berry = {
622
- shade50: '#1f091d',
623
- shade40: '#3a1136',
624
- shade30: '#6d2064',
625
- shade20: '#932b88',
626
- shade10: '#af33a1',
627
- primary: '#c239b3',
628
- tint10: '#c94cbc',
629
- tint20: '#d161c4',
630
- tint30: '#da7ed0',
631
- tint40: '#edbbe7',
632
- tint50: '#f5daf2',
633
- tint60: '#fdf5fc'
641
+ shade50: '#1f091d',
642
+ shade40: '#3a1136',
643
+ shade30: '#6d2064',
644
+ shade20: '#932b88',
645
+ shade10: '#af33a1',
646
+ primary: '#c239b3',
647
+ tint10: '#c94cbc',
648
+ tint20: '#d161c4',
649
+ tint30: '#da7ed0',
650
+ tint40: '#edbbe7',
651
+ tint50: '#f5daf2',
652
+ tint60: '#fdf5fc'
634
653
  };
635
654
  export const lilac = {
636
- shade50: '#1c0b1f',
637
- shade40: '#35153a',
638
- shade30: '#63276d',
639
- shade20: '#863593',
640
- shade10: '#9f3faf',
641
- primary: '#b146c2',
642
- tint10: '#ba58c9',
643
- tint20: '#c36bd1',
644
- tint30: '#cf87da',
645
- tint40: '#e6bfed',
646
- tint50: '#f2dcf5',
647
- tint60: '#fcf6fd'
655
+ shade50: '#1c0b1f',
656
+ shade40: '#35153a',
657
+ shade30: '#63276d',
658
+ shade20: '#863593',
659
+ shade10: '#9f3faf',
660
+ primary: '#b146c2',
661
+ tint10: '#ba58c9',
662
+ tint20: '#c36bd1',
663
+ tint30: '#cf87da',
664
+ tint40: '#e6bfed',
665
+ tint50: '#f2dcf5',
666
+ tint60: '#fcf6fd'
648
667
  };
649
668
  export const pink = {
650
- shade50: '#24091b',
651
- shade40: '#441232',
652
- shade30: '#80215d',
653
- shade20: '#ad2d7e',
654
- shade10: '#cd3595',
655
- primary: '#e43ba6',
656
- tint10: '#e750b0',
657
- tint20: '#ea66ba',
658
- tint30: '#ef85c8',
659
- tint40: '#f7c0e3',
660
- tint50: '#fbddf0',
661
- tint60: '#fef6fb'
669
+ shade50: '#24091b',
670
+ shade40: '#441232',
671
+ shade30: '#80215d',
672
+ shade20: '#ad2d7e',
673
+ shade10: '#cd3595',
674
+ primary: '#e43ba6',
675
+ tint10: '#e750b0',
676
+ tint20: '#ea66ba',
677
+ tint30: '#ef85c8',
678
+ tint40: '#f7c0e3',
679
+ tint50: '#fbddf0',
680
+ tint60: '#fef6fb'
662
681
  };
663
682
  export const hotPink = {
664
- shade50: '#240016',
665
- shade40: '#44002a',
666
- shade30: '#7f004e',
667
- shade20: '#ad006a',
668
- shade10: '#cc007e',
669
- primary: '#e3008c',
670
- tint10: '#e61c99',
671
- tint20: '#ea38a6',
672
- tint30: '#ee5fb7',
673
- tint40: '#f7adda',
674
- tint50: '#fbd2eb',
675
- tint60: '#fef4fa'
683
+ shade50: '#240016',
684
+ shade40: '#44002a',
685
+ shade30: '#7f004e',
686
+ shade20: '#ad006a',
687
+ shade10: '#cc007e',
688
+ primary: '#e3008c',
689
+ tint10: '#e61c99',
690
+ tint20: '#ea38a6',
691
+ tint30: '#ee5fb7',
692
+ tint40: '#f7adda',
693
+ tint50: '#fbd2eb',
694
+ tint60: '#fef4fa'
676
695
  };
677
696
  export const magenta = {
678
- shade50: '#1f0013',
679
- shade40: '#390024',
680
- shade30: '#6b0043',
681
- shade20: '#91005a',
682
- shade10: '#ac006b',
683
- primary: '#bf0077',
684
- tint10: '#c71885',
685
- tint20: '#ce3293',
686
- tint30: '#d957a8',
687
- tint40: '#eca5d1',
688
- tint50: '#f5cee6',
689
- tint60: '#fcf2f9'
697
+ shade50: '#1f0013',
698
+ shade40: '#390024',
699
+ shade30: '#6b0043',
700
+ shade20: '#91005a',
701
+ shade10: '#ac006b',
702
+ primary: '#bf0077',
703
+ tint10: '#c71885',
704
+ tint20: '#ce3293',
705
+ tint30: '#d957a8',
706
+ tint40: '#eca5d1',
707
+ tint50: '#f5cee6',
708
+ tint60: '#fcf2f9'
690
709
  };
691
710
  export const plum = {
692
- shade50: '#13000c',
693
- shade40: '#240017',
694
- shade30: '#43002b',
695
- shade20: '#5a003b',
696
- shade10: '#6b0045',
697
- primary: '#77004d',
698
- tint10: '#87105d',
699
- tint20: '#98246f',
700
- tint30: '#ad4589',
701
- tint40: '#d696c0',
702
- tint50: '#e9c4dc',
703
- tint60: '#faf0f6'
711
+ shade50: '#13000c',
712
+ shade40: '#240017',
713
+ shade30: '#43002b',
714
+ shade20: '#5a003b',
715
+ shade10: '#6b0045',
716
+ primary: '#77004d',
717
+ tint10: '#87105d',
718
+ tint20: '#98246f',
719
+ tint30: '#ad4589',
720
+ tint40: '#d696c0',
721
+ tint50: '#e9c4dc',
722
+ tint60: '#faf0f6'
704
723
  };
705
724
  export const beige = {
706
- shade50: '#141313',
707
- shade40: '#252323',
708
- shade30: '#444241',
709
- shade20: '#5d5958',
710
- shade10: '#6e6968',
711
- primary: '#7a7574',
712
- tint10: '#8a8584',
713
- tint20: '#9a9594',
714
- tint30: '#afabaa',
715
- tint40: '#d7d4d4',
716
- tint50: '#eae8e8',
717
- tint60: '#faf9f9'
725
+ shade50: '#141313',
726
+ shade40: '#252323',
727
+ shade30: '#444241',
728
+ shade20: '#5d5958',
729
+ shade10: '#6e6968',
730
+ primary: '#7a7574',
731
+ tint10: '#8a8584',
732
+ tint20: '#9a9594',
733
+ tint30: '#afabaa',
734
+ tint40: '#d7d4d4',
735
+ tint50: '#eae8e8',
736
+ tint60: '#faf9f9'
718
737
  };
719
738
  export const mink = {
720
- shade50: '#0f0e0e',
721
- shade40: '#1c1b1a',
722
- shade30: '#343231',
723
- shade20: '#474443',
724
- shade10: '#54514f',
725
- primary: '#5d5a58',
726
- tint10: '#706d6b',
727
- tint20: '#84817e',
728
- tint30: '#9e9b99',
729
- tint40: '#cecccb',
730
- tint50: '#e5e4e3',
731
- tint60: '#f8f8f8'
739
+ shade50: '#0f0e0e',
740
+ shade40: '#1c1b1a',
741
+ shade30: '#343231',
742
+ shade20: '#474443',
743
+ shade10: '#54514f',
744
+ primary: '#5d5a58',
745
+ tint10: '#706d6b',
746
+ tint20: '#84817e',
747
+ tint30: '#9e9b99',
748
+ tint40: '#cecccb',
749
+ tint50: '#e5e4e3',
750
+ tint60: '#f8f8f8'
732
751
  };
733
752
  export const silver = {
734
- shade50: '#151818',
735
- shade40: '#282d2e',
736
- shade30: '#4a5356',
737
- shade20: '#657174',
738
- shade10: '#78868a',
739
- primary: '#859599',
740
- tint10: '#92a1a5',
741
- tint20: '#a0aeb1',
742
- tint30: '#b3bfc2',
743
- tint40: '#d8dfe0',
744
- tint50: '#eaeeef',
745
- tint60: '#fafbfb'
753
+ shade50: '#151818',
754
+ shade40: '#282d2e',
755
+ shade30: '#4a5356',
756
+ shade20: '#657174',
757
+ shade10: '#78868a',
758
+ primary: '#859599',
759
+ tint10: '#92a1a5',
760
+ tint20: '#a0aeb1',
761
+ tint30: '#b3bfc2',
762
+ tint40: '#d8dfe0',
763
+ tint50: '#eaeeef',
764
+ tint60: '#fafbfb'
746
765
  };
747
766
  export const platinum = {
748
- shade50: '#111314',
749
- shade40: '#1f2426',
750
- shade30: '#3b4447',
751
- shade20: '#505c60',
752
- shade10: '#5f6d71',
753
- primary: '#69797e',
754
- tint10: '#79898d',
755
- tint20: '#89989d',
756
- tint30: '#a0adb2',
757
- tint40: '#cdd6d8',
758
- tint50: '#e4e9ea',
759
- tint60: '#f8f9fa'
767
+ shade50: '#111314',
768
+ shade40: '#1f2426',
769
+ shade30: '#3b4447',
770
+ shade20: '#505c60',
771
+ shade10: '#5f6d71',
772
+ primary: '#69797e',
773
+ tint10: '#79898d',
774
+ tint20: '#89989d',
775
+ tint30: '#a0adb2',
776
+ tint40: '#cdd6d8',
777
+ tint50: '#e4e9ea',
778
+ tint60: '#f8f9fa'
760
779
  };
761
780
  export const anchor = {
762
- shade50: '#090a0b',
763
- shade40: '#111315',
764
- shade30: '#202427',
765
- shade20: '#2b3135',
766
- shade10: '#333a3f',
767
- primary: '#394146',
768
- tint10: '#4d565c',
769
- tint20: '#626c72',
770
- tint30: '#808a90',
771
- tint40: '#bcc3c7',
772
- tint50: '#dbdfe1',
773
- tint60: '#f6f7f8'
781
+ shade50: '#090a0b',
782
+ shade40: '#111315',
783
+ shade30: '#202427',
784
+ shade20: '#2b3135',
785
+ shade10: '#333a3f',
786
+ primary: '#394146',
787
+ tint10: '#4d565c',
788
+ tint20: '#626c72',
789
+ tint30: '#808a90',
790
+ tint40: '#bcc3c7',
791
+ tint50: '#dbdfe1',
792
+ tint60: '#f6f7f8'
774
793
  };
775
794
  export const charcoal = {
776
- shade50: '#090909',
777
- shade40: '#111111',
778
- shade30: '#202020',
779
- shade20: '#2b2b2b',
780
- shade10: '#333333',
781
- primary: '#393939',
782
- tint10: '#515151',
783
- tint20: '#686868',
784
- tint30: '#888888',
785
- tint40: '#c4c4c4',
786
- tint50: '#dfdfdf',
787
- tint60: '#f7f7f7'
788
- };
789
- //# sourceMappingURL=colors.js.map
795
+ shade50: '#090909',
796
+ shade40: '#111111',
797
+ shade30: '#202020',
798
+ shade20: '#2b2b2b',
799
+ shade10: '#333333',
800
+ primary: '#393939',
801
+ tint10: '#515151',
802
+ tint20: '#686868',
803
+ tint30: '#888888',
804
+ tint40: '#c4c4c4',
805
+ tint50: '#dfdfdf',
806
+ tint60: '#f7f7f7'
807
+ };