@kiva/kv-tokens 2.16.0 → 3.0.0

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.
package/primitives.js ADDED
@@ -0,0 +1,522 @@
1
+ export default {
2
+ colors: {
3
+ white: '#FFFFFF',
4
+ black: '#000000',
5
+ gray: {
6
+ 800: '#212121',
7
+ 700: '#454545',
8
+ 600: '#505050',
9
+ 500: '#757575',
10
+ 400: '#9E9E9E',
11
+ 300: '#C4C4C4',
12
+ 200: '#E0E0E0',
13
+ 100: '#F5F5F5',
14
+ 50: '#fafafa',
15
+ },
16
+ brand: {
17
+ 1000: '#19653E',
18
+ 950: '#1B6E43',
19
+ 900: '#1D7748',
20
+ 800: '#228752',
21
+ 700: '#26985D',
22
+ 650: '#28A062',
23
+ DEFAULT: '#2AA967',
24
+ 550: '#35AD6F',
25
+ 500: '#4AB67E',
26
+ 400: '#6AC395',
27
+ 300: '#95D4B3',
28
+ 200: '#BFE5D1',
29
+ 100: '#EAF6F0',
30
+ 50: '#F4FBF7',
31
+ },
32
+ 'eco-green': {
33
+ 1: '#EDF4F1',
34
+ 2: '#78C79F',
35
+ DEFAULT: '#2AA967',
36
+ 3: '#276A43',
37
+ 4: '#223829',
38
+ },
39
+ marigold: {
40
+ 1: '#F8F2E6',
41
+ 2: '#F8CD69',
42
+ DEFAULT: '#F4B539',
43
+ 3: '#996210',
44
+ 4: '#593207',
45
+ },
46
+ 'desert-rose': {
47
+ 1: '#F9F0EF',
48
+ 2: '#E0988D',
49
+ DEFAULT: '#C45F4F',
50
+ 3: '#A24536',
51
+ 4: '#5C2A22',
52
+ },
53
+ stone: {
54
+ 1: '#F3F1EF',
55
+ 2: '#AA9E8D',
56
+ DEFAULT: '#DFD0BC',
57
+ 3: '#635544',
58
+ 4: '#2E271E',
59
+ },
60
+ social: {
61
+ facebook: '#3b5998',
62
+ twitter: '#1D9BF0',
63
+ linkedin: '#0A66C2',
64
+ },
65
+ theme: {
66
+ DEFAULT: {
67
+ text: {
68
+ primary: '#223829',
69
+ 'primary-inverse': '#EDF4F1',
70
+ secondary: '#757575',
71
+ tertiary: '#9E9E9E',
72
+ action: '#276A43',
73
+ 'action-highlight': '#223829',
74
+ caution: '#593207',
75
+ 'caution-highlight': '#996210',
76
+ danger: '#5C2A22',
77
+ 'danger-highlight': '#A24536',
78
+ },
79
+ background: {
80
+ primary: '#FFFFFF',
81
+ 'primary-inverse': '#223829',
82
+ secondary: '#EDF4F1',
83
+ tertiary: '#C4C4C4',
84
+ action: '#276A43',
85
+ 'action-highlight': '#223829',
86
+ caution: '#F8CD69',
87
+ 'caution-highlight': '#F8F2E6',
88
+ danger: '#E0988D',
89
+ 'danger-highlight': '#F9F0EF',
90
+ },
91
+ border: {
92
+ primary: '#505050',
93
+ 'primary-inverse': '#FFFFFF',
94
+ secondary: '#757575',
95
+ tertiary: '#C4C4C4',
96
+ action: '#276A43',
97
+ 'action-highlight': '#223829',
98
+ caution: '#F8CD69',
99
+ 'caution-highlight': '#F8F2E6',
100
+ danger: '#E0988D',
101
+ 'danger-highlight': '#F9F0EF',
102
+ },
103
+ 'heading-underline': {
104
+ primary: '#2AA967',
105
+ },
106
+ },
107
+ 'green-light': {
108
+ background: {
109
+ primary: '#EDF4F1',
110
+ secondary: '#FFFFFF',
111
+ },
112
+ },
113
+ 'green-dark': {
114
+ text: {
115
+ primary: '#EDF4F1',
116
+ 'primary-inverse': '#223829',
117
+ secondary: '#C4C4C4',
118
+ tertiary: '#E0E0E0',
119
+ action: '#78C79F',
120
+ 'action-highlight': '#EDF4F1',
121
+ },
122
+ background: {
123
+ primary: '#223829',
124
+ 'primary-inverse': '#FFFFFF',
125
+ secondary: '#276A43',
126
+ tertiary: '#C4C4C4',
127
+ action: '#78C79F',
128
+ 'action-highlight': '#EDF4F1',
129
+ 'caution-highlight': '#F8F2E6',
130
+ 'danger-highlight': '#F9F0EF',
131
+ },
132
+ border: {
133
+ primary: '#EDF4F1',
134
+ 'primary-inverse': '#223829',
135
+ secondary: '#276A43',
136
+ action: '#78C79F',
137
+ 'action-highlight': '#EDF4F1',
138
+ 'caution-highlight': '#F8F2E6',
139
+ 'danger-highlight': '#F9F0EF',
140
+ },
141
+ },
142
+ 'marigold-light': {
143
+ text: {
144
+ primary: '#593207',
145
+ 'primary-inverse': '#F8F2E6',
146
+ action: '#996210',
147
+ 'action-highlight': '#593207',
148
+ },
149
+ background: {
150
+ primary: '#F8F2E6',
151
+ 'primary-inverse': '#593207',
152
+ secondary: '#FFFFFF',
153
+ tertiary: '#C4C4C4',
154
+ action: '#996210',
155
+ 'action-highlight': '#593207',
156
+ 'caution-highlight': '#F8F2E6',
157
+ 'danger-highlight': '#F9F0EF',
158
+ },
159
+ border: {
160
+ primary: '#996210',
161
+ 'primary-inverse': '#F8F2E6',
162
+ secondary: '#F8CD69',
163
+ tertiary: '#FFFFFF',
164
+ action: '#996210',
165
+ 'action-highlight': '#593207',
166
+ 'caution-highlight': '#F8F2E6',
167
+ 'danger-highlight': '#F9F0EF',
168
+ },
169
+ 'heading-underline': {
170
+ primary: '#F8CD69',
171
+ },
172
+ },
173
+ 'stone-light': {
174
+ text: {
175
+ primary: '#2E271E',
176
+ 'primary-inverse': '#F3F1EF',
177
+ action: '#635544',
178
+ 'action-highlight': '#2E271E',
179
+ },
180
+ background: {
181
+ primary: '#F3F1EF',
182
+ 'primary-inverse': '#2E271E',
183
+ secondary: '#FFFFFF',
184
+ action: '#635544',
185
+ 'action-highlight': '#2E271E',
186
+ },
187
+ border: {
188
+ primary: '#635544',
189
+ 'primary-inverse': '#F3F1EF',
190
+ secondary: '#AA9E8D',
191
+ tertiary: '#FFFFFF',
192
+ action: '#635544',
193
+ 'action-highlight': '#2E271E',
194
+ },
195
+ 'heading-underline': {
196
+ primary: '#AA9E8D',
197
+ },
198
+ },
199
+ 'stone-dark': {
200
+ text: {
201
+ primary: '#F3F1EF',
202
+ 'primary-inverse': '#2E271E',
203
+ secondary: '#C4C4C4',
204
+ tertiary: '#E0E0E0',
205
+ action: '#DFD0BC',
206
+ 'action-highlight': '#F3F1EF',
207
+ },
208
+ background: {
209
+ primary: '#2E271E',
210
+ 'primary-inverse': '#F3F1EF',
211
+ secondary: '#635544',
212
+ action: '#DFD0BC',
213
+ 'action-highlight': '#F3F1EF',
214
+ 'caution-highlight': '#F8F2E6',
215
+ 'danger-highlight': '#F9F0EF',
216
+ },
217
+ border: {
218
+ primary: '#F3F1EF',
219
+ 'primary-inverse': '#2E271E',
220
+ secondary: '#635544',
221
+ action: '#DFD0BC',
222
+ 'action-highlight': '#F3F1EF',
223
+ 'caution-highlight': '#F8F2E6',
224
+ 'danger-highlight': '#F9F0EF',
225
+ },
226
+ 'heading-underline': {
227
+ primary: '#AA9E8D',
228
+ },
229
+ },
230
+ dark: {
231
+ text: {
232
+ primary: '#F5F5F5',
233
+ 'primary-inverse': '#212121',
234
+ secondary: '#9E9E9E',
235
+ tertiary: '#757575',
236
+ action: '#4AB67E',
237
+ 'action-highlight': '#6AC395',
238
+ danger: '#E42A2A',
239
+ 'danger-highlight': '#CE2626',
240
+ },
241
+ background: {
242
+ primary: '#000000',
243
+ 'primary-inverse': '#F5F5F5',
244
+ secondary: '#212121',
245
+ tertiary: '#454545',
246
+ action: '#4AB67E',
247
+ 'action-highlight': '#6AC395',
248
+ danger: '#E42A2A',
249
+ 'danger-highlight': '#CE2626',
250
+ caution: '#E6CB55',
251
+ 'caution-highlight': '#D9BC3B',
252
+ },
253
+ border: {
254
+ primary: '#F5F5F5',
255
+ 'primary-inverse': '#212121',
256
+ secondary: '#9E9E9E',
257
+ tertiary: '#757575',
258
+ action: '#4AB67E',
259
+ 'action-highlight': '#6AC395',
260
+ danger: '#E42A2A',
261
+ 'danger-highlight': '#CE2626',
262
+ },
263
+ },
264
+ mint: {
265
+ text: {
266
+ primary: '#212121',
267
+ 'primary-inverse': '#F5F5F5',
268
+ secondary: '#228752',
269
+ tertiary: '#28A062',
270
+ action: '#2B7C5F',
271
+ 'action-highlight': '#277056',
272
+ danger: '#E42A2A',
273
+ 'danger-highlight': '#CE2626',
274
+ },
275
+ background: {
276
+ primary: '#95D4B3',
277
+ 'primary-inverse': '#000000',
278
+ secondary: '#F5F5F5',
279
+ tertiary: '#E0E0E0',
280
+ action: '#2B7C5F',
281
+ 'action-highlight': '#277056',
282
+ danger: '#E42A2A',
283
+ 'danger-highlight': '#CE2626',
284
+ caution: '#E6CB55',
285
+ 'caution-highlight': '#D9BC3B',
286
+ },
287
+ border: {
288
+ primary: '#212121',
289
+ tertiary: '#4AB67E',
290
+ action: '#2B7C5F',
291
+ 'action-highlight': '#277056',
292
+ danger: '#E42A2A',
293
+ 'danger-highlight': '#CE2626',
294
+ },
295
+ },
296
+ 'dark-green': {
297
+ text: {
298
+ primary: '#F5F5F5',
299
+ 'primary-inverse': '#212121',
300
+ secondary: '#9E9E9E',
301
+ tertiary: '#9E9E9E',
302
+ action: '#2B7C5F',
303
+ 'action-highlight': '#277056',
304
+ danger: '#E42A2A',
305
+ 'danger-highlight': '#CE2626',
306
+ },
307
+ background: {
308
+ primary: '#2AA967',
309
+ 'primary-inverse': '#F5F5F5',
310
+ secondary: '#228752',
311
+ tertiary: '#E0E0E0',
312
+ action: '#2B7C5F',
313
+ 'action-highlight': '#277056',
314
+ danger: '#E42A2A',
315
+ 'danger-highlight': '#CE2626',
316
+ caution: '#E6CB55',
317
+ 'caution-highlight': '#D9BC3B',
318
+ },
319
+ border: {
320
+ primary: '#212121',
321
+ action: '#2B7C5F',
322
+ 'action-highlight': '#277056',
323
+ danger: '#E42A2A',
324
+ 'danger-highlight': '#CE2626',
325
+ },
326
+ },
327
+ 'dark-mint': {
328
+ text: {
329
+ primary: '#FFFFFF',
330
+ 'primary-inverse': '#F5F5F5',
331
+ action: '#95D4B3',
332
+ 'action-highlight': '#277056',
333
+ danger: '#E42A2A',
334
+ 'danger-highlight': '#CE2626',
335
+ },
336
+ background: {
337
+ primary: '#454545',
338
+ 'primary-inverse': '#000000',
339
+ secondary: '#F5F5F5',
340
+ tertiary: '#E0E0E0',
341
+ action: '#2B7C5F',
342
+ 'action-highlight': '#277056',
343
+ danger: '#E42A2A',
344
+ 'danger-highlight': '#CE2626',
345
+ caution: '#E6CB55',
346
+ 'caution-highlight': '#D9BC3B',
347
+ },
348
+ border: {
349
+ primary: '#212121',
350
+ action: '#2B7C5F',
351
+ 'action-highlight': '#277056',
352
+ danger: '#E42A2A',
353
+ 'danger-highlight': '#CE2626',
354
+ },
355
+ },
356
+ 'dark-stone': {
357
+ text: {
358
+ primary: '#F5F5F5',
359
+ 'primary-inverse': '#212121',
360
+ secondary: '#9E9E9E',
361
+ tertiary: '#757575',
362
+ action: '#4AB67E',
363
+ 'action-highlight': '#6AC395',
364
+ danger: '#E42A2A',
365
+ 'danger-highlight': '#CE2626',
366
+ },
367
+ background: {
368
+ primary: '#000000',
369
+ 'primary-inverse': '#F5F5F5',
370
+ secondary: '#2E271E',
371
+ tertiary: '#454545',
372
+ action: '#4AB67E',
373
+ 'action-highlight': '#6AC395',
374
+ danger: '#E42A2A',
375
+ 'danger-highlight': '#CE2626',
376
+ caution: '#E6CB55',
377
+ 'caution-highlight': '#D9BC3B',
378
+ },
379
+ border: {
380
+ primary: '#F5F5F5',
381
+ 'primary-inverse': '#212121',
382
+ secondary: '#9E9E9E',
383
+ tertiary: '#757575',
384
+ action: '#4AB67E',
385
+ 'action-highlight': '#6AC395',
386
+ danger: '#E42A2A',
387
+ 'danger-highlight': '#CE2626',
388
+ },
389
+ },
390
+ },
391
+ },
392
+ space: {
393
+ 0.5: 4,
394
+ 1: 8,
395
+ 1.5: 12,
396
+ 2: 16,
397
+ 2.5: 20,
398
+ 3: 24,
399
+ 3.5: 28,
400
+ 4: 32,
401
+ 4.5: 36,
402
+ 5: 40,
403
+ 6: 48,
404
+ 7: 56,
405
+ 8: 64,
406
+ 9: 72,
407
+ 10: 80,
408
+ 11: 88,
409
+ 12: 96,
410
+ 13: 104,
411
+ 14: 112,
412
+ 15: 120,
413
+ 16: 128,
414
+ },
415
+ fonts: {
416
+ sans: 'PostGrotesk',
417
+ serif: 'dovetail-mvb',
418
+ },
419
+ fontSizes: {
420
+ base: {
421
+ sm: 16,
422
+ md: 16,
423
+ lg: 17,
424
+ },
425
+ jumbo: {
426
+ sm: 42,
427
+ md: 48,
428
+ lg: 72,
429
+ },
430
+ small: {
431
+ sm: 13,
432
+ md: 13,
433
+ lg: 14,
434
+ },
435
+ h1: {
436
+ sm: 36,
437
+ md: 40,
438
+ lg: 48,
439
+ },
440
+ h2: {
441
+ sm: 28,
442
+ md: 28,
443
+ lg: 32,
444
+ },
445
+ h3: {
446
+ sm: 22,
447
+ md: 22,
448
+ lg: 24,
449
+ },
450
+ h4: {
451
+ sm: 14,
452
+ md: 14,
453
+ lg: 14,
454
+ },
455
+ h5: {
456
+ sm: 13,
457
+ md: 13,
458
+ lg: 14,
459
+ },
460
+ subhead: {
461
+ sm: 22,
462
+ md: 22,
463
+ lg: 24,
464
+ },
465
+ },
466
+ fontWeights: {
467
+ light: 300,
468
+ normal: 400,
469
+ medium: 500,
470
+ },
471
+ lineHeights: {
472
+ 'nearly-none': 1.05,
473
+ tight: 1.25,
474
+ normal: 1.5,
475
+ },
476
+ letterSpacings: {
477
+ normal: 0,
478
+ '-0.3': -0.3,
479
+ '-0.5': -0.5,
480
+ '-1': -1,
481
+ '-2': -2,
482
+ },
483
+ breakpoints: {
484
+ md: 734,
485
+ lg: 1024,
486
+ xl: 1440,
487
+ },
488
+ borderWidths: {
489
+ default: 1,
490
+ },
491
+ zIndices: {
492
+ hide: -1,
493
+ base: 0,
494
+ 1: 1,
495
+ 2: 2,
496
+ 3: 3,
497
+ 4: 4,
498
+ 5: 5,
499
+ docked: 10,
500
+ dropdown: 1000,
501
+ sticky: 1100,
502
+ banner: 1200,
503
+ overlay: 1300,
504
+ modal: 1400,
505
+ popover: 1500,
506
+ skipLink: 1600,
507
+ toast: 1700,
508
+ tooltip: 1800,
509
+ troposphere: 2000,
510
+ stratosphere: 3000,
511
+ },
512
+ shadows: {},
513
+ radii: {
514
+ sm: 4,
515
+ default: 14,
516
+ lg: 40,
517
+ },
518
+ opacity: {
519
+ default: 1,
520
+ low: 0.3,
521
+ },
522
+ };