@fluentui/tokens 1.0.0-alpha.1 → 1.0.0-alpha.11

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 (158) hide show
  1. package/CHANGELOG.json +279 -1
  2. package/CHANGELOG.md +95 -2
  3. package/dist/index.d.ts +460 -0
  4. package/lib/alias/darkColor.js +162 -0
  5. package/lib/alias/darkColor.js.map +1 -0
  6. package/lib/alias/darkColorPalette.js +67 -0
  7. package/lib/alias/darkColorPalette.js.map +1 -0
  8. package/lib/alias/highContrastColor.js +162 -0
  9. package/lib/alias/highContrastColor.js.map +1 -0
  10. package/lib/alias/highContrastColorPalette.js +52 -0
  11. package/lib/alias/highContrastColorPalette.js.map +1 -0
  12. package/lib/alias/lightColor.js +162 -0
  13. package/lib/alias/lightColor.js.map +1 -0
  14. package/lib/alias/lightColorPalette.js +57 -0
  15. package/lib/alias/lightColorPalette.js.map +1 -0
  16. package/lib/alias/teamsDarkColor.js +162 -0
  17. package/lib/alias/teamsDarkColor.js.map +1 -0
  18. package/lib/global/borderRadius.js +8 -0
  19. package/lib/global/borderRadius.js.map +1 -0
  20. package/lib/global/brandColors.js +54 -0
  21. package/lib/global/brandColors.js.map +1 -0
  22. package/lib/global/colorPalette.js +45 -0
  23. package/lib/global/colorPalette.js.map +1 -0
  24. package/lib/global/colors.js +807 -0
  25. package/lib/global/colors.js.map +1 -0
  26. package/lib/global/curves.js +11 -0
  27. package/lib/global/curves.js.map +1 -0
  28. package/lib/global/durations.js +10 -0
  29. package/lib/global/durations.js.map +1 -0
  30. package/lib/global/fonts.js +37 -0
  31. package/lib/global/fonts.js.map +1 -0
  32. package/lib/global/index.js +9 -0
  33. package/lib/global/index.js.map +1 -0
  34. package/lib/global/spacings.js +40 -0
  35. package/lib/global/spacings.js.map +1 -0
  36. package/lib/global/strokeWidths.js +6 -0
  37. package/lib/global/strokeWidths.js.map +1 -0
  38. package/lib/global/typographyStyles.js +107 -0
  39. package/lib/global/typographyStyles.js.map +1 -0
  40. package/lib/index.js +5 -2
  41. package/lib/index.js.map +1 -1
  42. package/lib/sharedColorNames.js +60 -0
  43. package/lib/sharedColorNames.js.map +1 -0
  44. package/lib/statusColorMapping.js +5 -0
  45. package/lib/statusColorMapping.js.map +1 -0
  46. package/lib/themeToTokensObject.js +15 -0
  47. package/lib/themeToTokensObject.js.map +1 -0
  48. package/lib/themes/index.js +2 -0
  49. package/lib/themes/index.js.map +1 -0
  50. package/lib/themes/teams/darkTheme.js +3 -0
  51. package/lib/themes/teams/darkTheme.js.map +1 -0
  52. package/lib/themes/teams/highContrastTheme.js +2 -0
  53. package/lib/themes/teams/highContrastTheme.js.map +1 -0
  54. package/lib/themes/teams/index.js +3 -0
  55. package/lib/themes/teams/index.js.map +1 -0
  56. package/lib/themes/teams/lightTheme.js +3 -0
  57. package/lib/themes/teams/lightTheme.js.map +1 -0
  58. package/lib/themes/web/darkTheme.js +3 -0
  59. package/lib/themes/web/darkTheme.js.map +1 -0
  60. package/lib/themes/web/index.js +2 -0
  61. package/lib/themes/web/index.js.map +1 -0
  62. package/lib/themes/web/lightTheme.js +3 -0
  63. package/lib/themes/web/lightTheme.js.map +1 -0
  64. package/lib/tokens.js +480 -0
  65. package/lib/tokens.js.map +1 -0
  66. package/lib/types.js +1 -0
  67. package/lib/types.js.map +1 -0
  68. package/lib/utils/createDarkTheme.js +27 -0
  69. package/lib/utils/createDarkTheme.js.map +1 -0
  70. package/lib/utils/createHighContrastTheme.js +27 -0
  71. package/lib/utils/createHighContrastTheme.js.map +1 -0
  72. package/lib/utils/createLightTheme.js +27 -0
  73. package/lib/utils/createLightTheme.js.map +1 -0
  74. package/lib/utils/createTeamsDarkTheme.js +27 -0
  75. package/lib/utils/createTeamsDarkTheme.js.map +1 -0
  76. package/lib/utils/index.js +4 -0
  77. package/lib/utils/index.js.map +1 -0
  78. package/lib/utils/shadows.js +10 -0
  79. package/lib/utils/shadows.js.map +1 -0
  80. package/lib-commonjs/alias/darkColor.js +172 -0
  81. package/lib-commonjs/alias/darkColor.js.map +1 -0
  82. package/lib-commonjs/alias/darkColorPalette.js +85 -0
  83. package/lib-commonjs/alias/darkColorPalette.js.map +1 -0
  84. package/lib-commonjs/alias/highContrastColor.js +172 -0
  85. package/lib-commonjs/alias/highContrastColor.js.map +1 -0
  86. package/lib-commonjs/alias/highContrastColorPalette.js +70 -0
  87. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -0
  88. package/lib-commonjs/alias/lightColor.js +172 -0
  89. package/lib-commonjs/alias/lightColor.js.map +1 -0
  90. package/lib-commonjs/alias/lightColorPalette.js +75 -0
  91. package/lib-commonjs/alias/lightColorPalette.js.map +1 -0
  92. package/lib-commonjs/alias/teamsDarkColor.js +172 -0
  93. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -0
  94. package/lib-commonjs/global/borderRadius.js +18 -0
  95. package/lib-commonjs/global/borderRadius.js.map +1 -0
  96. package/lib-commonjs/global/brandColors.js +75 -0
  97. package/lib-commonjs/global/brandColors.js.map +1 -0
  98. package/lib-commonjs/global/colorPalette.js +66 -0
  99. package/lib-commonjs/global/colorPalette.js.map +1 -0
  100. package/lib-commonjs/global/colors.js +1014 -0
  101. package/lib-commonjs/global/colors.js.map +1 -0
  102. package/lib-commonjs/global/curves.js +21 -0
  103. package/lib-commonjs/global/curves.js.map +1 -0
  104. package/lib-commonjs/global/durations.js +20 -0
  105. package/lib-commonjs/global/durations.js.map +1 -0
  106. package/lib-commonjs/global/fonts.js +59 -0
  107. package/lib-commonjs/global/fonts.js.map +1 -0
  108. package/lib-commonjs/global/index.js +13 -0
  109. package/lib-commonjs/global/index.js.map +1 -0
  110. package/lib-commonjs/global/spacings.js +58 -0
  111. package/lib-commonjs/global/spacings.js.map +1 -0
  112. package/lib-commonjs/global/strokeWidths.js +16 -0
  113. package/lib-commonjs/global/strokeWidths.js.map +1 -0
  114. package/lib-commonjs/global/typographyStyles.js +115 -0
  115. package/lib-commonjs/global/typographyStyles.js.map +1 -0
  116. package/lib-commonjs/index.js +50 -3
  117. package/lib-commonjs/index.js.map +1 -1
  118. package/lib-commonjs/sharedColorNames.js +84 -0
  119. package/lib-commonjs/sharedColorNames.js.map +1 -0
  120. package/lib-commonjs/statusColorMapping.js +15 -0
  121. package/lib-commonjs/statusColorMapping.js.map +1 -0
  122. package/lib-commonjs/themeToTokensObject.js +25 -0
  123. package/lib-commonjs/themeToTokensObject.js.map +1 -0
  124. package/lib-commonjs/themes/index.js +7 -0
  125. package/lib-commonjs/themes/index.js.map +1 -0
  126. package/lib-commonjs/themes/teams/darkTheme.js +13 -0
  127. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -0
  128. package/lib-commonjs/themes/teams/highContrastTheme.js +12 -0
  129. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -0
  130. package/lib-commonjs/themes/teams/index.js +8 -0
  131. package/lib-commonjs/themes/teams/index.js.map +1 -0
  132. package/lib-commonjs/themes/teams/lightTheme.js +13 -0
  133. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -0
  134. package/lib-commonjs/themes/web/darkTheme.js +13 -0
  135. package/lib-commonjs/themes/web/darkTheme.js.map +1 -0
  136. package/lib-commonjs/themes/web/index.js +7 -0
  137. package/lib-commonjs/themes/web/index.js.map +1 -0
  138. package/lib-commonjs/themes/web/lightTheme.js +13 -0
  139. package/lib-commonjs/themes/web/lightTheme.js.map +1 -0
  140. package/lib-commonjs/tokens.js +490 -0
  141. package/lib-commonjs/tokens.js.map +1 -0
  142. package/lib-commonjs/types.js +4 -0
  143. package/lib-commonjs/types.js.map +1 -0
  144. package/lib-commonjs/utils/createDarkTheme.js +37 -0
  145. package/lib-commonjs/utils/createDarkTheme.js.map +1 -0
  146. package/lib-commonjs/utils/createHighContrastTheme.js +37 -0
  147. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -0
  148. package/lib-commonjs/utils/createLightTheme.js +37 -0
  149. package/lib-commonjs/utils/createLightTheme.js.map +1 -0
  150. package/lib-commonjs/utils/createTeamsDarkTheme.js +37 -0
  151. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -0
  152. package/lib-commonjs/utils/index.js +9 -0
  153. package/lib-commonjs/utils/index.js.map +1 -0
  154. package/lib-commonjs/utils/shadows.js +20 -0
  155. package/lib-commonjs/utils/shadows.js.map +1 -0
  156. package/package.json +7 -4
  157. package/lib-amd/index.js +0 -5
  158. package/lib-amd/index.js.map +0 -1
@@ -0,0 +1,807 @@
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'
51
+ };
52
+ export const whiteAlpha = {
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)'
63
+ };
64
+ export const blackAlpha = {
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)'
99
+ };
100
+ export const grey14Alpha = {
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)'
111
+ };
112
+ export const white = '#ffffff';
113
+ export const black = '#000000';
114
+ export const hcHyperlink = '#ffff00';
115
+ export const hcHighlight = '#1aebff';
116
+ export const hcDisabled = '#3ff23f';
117
+ export const hcCanvas = '#000000';
118
+ export const hcCanvasText = '#ffffff';
119
+ export const hcHighlightText = '#000000';
120
+ export const hcButtonText = '#000000';
121
+ export const hcButtonFace = '#ffffff';
122
+ export const darkRed = {
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'
135
+ };
136
+ export const burgundy = {
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'
149
+ };
150
+ export const cranberry = {
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'
163
+ };
164
+ export const red = {
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'
177
+ };
178
+ export const darkOrange = {
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'
191
+ };
192
+ export const bronze = {
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'
205
+ };
206
+ export const pumpkin = {
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'
219
+ };
220
+ export const orange = {
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'
233
+ };
234
+ export const peach = {
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'
247
+ };
248
+ export const marigold = {
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'
261
+ };
262
+ export const yellow = {
263
+ primary: '#fde300',
264
+ shade10: '#e4cc00',
265
+ shade20: '#c0ad00',
266
+ shade30: '#817400',
267
+ shade40: '#4c4400',
268
+ shade50: '#282400',
269
+ tint10: '#fde61e',
270
+ tint20: '#fdea3d',
271
+ tint30: '#feee66',
272
+ tint40: '#fef7b2',
273
+ tint50: '#fffad6',
274
+ tint60: '#fffef5'
275
+ };
276
+ export const gold = {
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'
289
+ };
290
+ export const brass = {
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'
303
+ };
304
+ export const brown = {
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'
317
+ };
318
+ export const darkBrown = {
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'
331
+ };
332
+ export const lime = {
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'
345
+ };
346
+ export const forest = {
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'
359
+ };
360
+ export const seafoam = {
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'
373
+ };
374
+ export const lightGreen = {
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'
387
+ };
388
+ export const green = {
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'
401
+ };
402
+ export const darkGreen = {
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'
415
+ };
416
+ export const lightTeal = {
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'
429
+ };
430
+ export const teal = {
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'
443
+ };
444
+ export const darkTeal = {
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'
457
+ };
458
+ export const cyan = {
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'
471
+ };
472
+ export const steel = {
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'
485
+ };
486
+ export const lightBlue = {
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'
499
+ };
500
+ export const blue = {
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'
513
+ };
514
+ export const royalBlue = {
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'
527
+ };
528
+ export const darkBlue = {
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'
541
+ };
542
+ export const cornflower = {
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'
555
+ };
556
+ export const navy = {
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'
569
+ };
570
+ export const lavender = {
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'
583
+ };
584
+ export const purple = {
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'
597
+ };
598
+ export const darkPurple = {
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'
611
+ };
612
+ export const orchid = {
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'
625
+ };
626
+ export const grape = {
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'
639
+ };
640
+ export const berry = {
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'
653
+ };
654
+ export const lilac = {
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'
667
+ };
668
+ export const pink = {
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'
681
+ };
682
+ export const hotPink = {
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'
695
+ };
696
+ export const magenta = {
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'
709
+ };
710
+ export const plum = {
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'
723
+ };
724
+ export const beige = {
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'
737
+ };
738
+ export const mink = {
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'
751
+ };
752
+ export const silver = {
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'
765
+ };
766
+ export const platinum = {
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'
779
+ };
780
+ export const anchor = {
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'
793
+ };
794
+ export const charcoal = {
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
+ };