@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.
Files changed (14) hide show
  1. package/.eslintrc.cjs +8 -0
  2. package/CHANGELOG.md +25 -0
  3. package/README.md +1 -1
  4. package/build/{build.cjs → build.js} +5 -5
  5. package/configs/{kivaColors.cjs → kivaColors.js} +15 -30
  6. package/configs/kivaHeadingUnderline.js +55 -0
  7. package/configs/{kivaTypography.cjs → kivaTypography.js} +11 -18
  8. package/configs/{tailwind.config.cjs → tailwind.config.js} +14 -10
  9. package/configs/{kivaHeadingUnderline.cjs → underlinePath.js} +1 -58
  10. package/configs/{util.cjs → util.js} +5 -13
  11. package/index.js +1 -1
  12. package/package.json +3 -3
  13. package/primitives.js +522 -0
  14. package/primitives.json +0 -522
package/primitives.json DELETED
@@ -1,522 +0,0 @@
1
- {
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
- }