baseline-ds 0.1.4

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 (36) hide show
  1. package/README.md +330 -0
  2. package/dist/index.css +1970 -0
  3. package/dist/index.css.map +1 -0
  4. package/dist/index.d.mts +743 -0
  5. package/dist/index.d.ts +743 -0
  6. package/dist/index.js +3843 -0
  7. package/dist/index.js.map +1 -0
  8. package/dist/index.mjs +3756 -0
  9. package/dist/index.mjs.map +1 -0
  10. package/dist/tokens/baseline/css/variables.css +278 -0
  11. package/dist/tokens/baseline/js/tokens.js +223 -0
  12. package/dist/tokens/baseline/json/tokens.json +305 -0
  13. package/dist/tokens/baseline/scss/_variables.scss +222 -0
  14. package/dist/tokens/baseline-pro/css/variables.css +278 -0
  15. package/dist/tokens/baseline-pro/js/tokens.js +223 -0
  16. package/dist/tokens/baseline-pro/json/tokens.json +305 -0
  17. package/dist/tokens/baseline-pro/scss/_variables.scss +222 -0
  18. package/dist/tokens/offset/css/variables.css +278 -0
  19. package/dist/tokens/offset/js/tokens.js +223 -0
  20. package/dist/tokens/offset/json/tokens.json +305 -0
  21. package/dist/tokens/offset/scss/_variables.scss +222 -0
  22. package/dist/tokens/primitives/css/variables.css +183 -0
  23. package/dist/tokens/primitives/js/tokens.js +181 -0
  24. package/dist/tokens/primitives/json/tokens.json +229 -0
  25. package/dist/tokens/primitives/scss/_variables.scss +180 -0
  26. package/dist/tokens/semantic/css/variables.css +48 -0
  27. package/dist/tokens/semantic/js/tokens.js +265 -0
  28. package/dist/tokens/semantic/json/tokens.json +395 -0
  29. package/dist/tokens/semantic/scss/_variables.scss +264 -0
  30. package/package.json +84 -0
  31. package/src/fonts.css +17 -0
  32. package/tokens/token_0001PrimitiveBrand_Baseline.json +204 -0
  33. package/tokens/token_0001PrimitiveBrand_BaselinePro.json +204 -0
  34. package/tokens/token_0001PrimitiveBrand_Offset.json +204 -0
  35. package/tokens/token_0100SemanticCore_Mode1.json +218 -0
  36. package/tokens/token__0000PrimitiveCore_Mode1.json +760 -0
@@ -0,0 +1,760 @@
1
+ {
2
+ "primitive": {
3
+ "color": {
4
+ "azure": {
5
+ "100": {
6
+ "type": "color",
7
+ "value": "#F1F1FC"
8
+ },
9
+ "200": {
10
+ "type": "color",
11
+ "value": "#E4E4F9"
12
+ },
13
+ "300": {
14
+ "type": "color",
15
+ "value": "#BABBF0"
16
+ },
17
+ "400": {
18
+ "type": "color",
19
+ "value": "#8889E5"
20
+ },
21
+ "500": {
22
+ "type": "color",
23
+ "value": "#6568DD"
24
+ },
25
+ "600": {
26
+ "type": "color",
27
+ "value": "#5154D9"
28
+ },
29
+ "700": {
30
+ "type": "color",
31
+ "value": "#292CBD"
32
+ },
33
+ "800": {
34
+ "type": "color",
35
+ "value": "#1D2087"
36
+ },
37
+ "900": {
38
+ "type": "color",
39
+ "value": "#161865"
40
+ }
41
+ },
42
+ "blue": {
43
+ "100": {
44
+ "type": "color",
45
+ "value": "#EDF2FF"
46
+ },
47
+ "200": {
48
+ "type": "color",
49
+ "value": "#DDE6FE"
50
+ },
51
+ "300": {
52
+ "type": "color",
53
+ "value": "#A6BEFD"
54
+ },
55
+ "400": {
56
+ "type": "color",
57
+ "value": "#648DFC"
58
+ },
59
+ "500": {
60
+ "type": "color",
61
+ "value": "#3269FB"
62
+ },
63
+ "600": {
64
+ "type": "color",
65
+ "value": "#1252FB"
66
+ },
67
+ "700": {
68
+ "type": "color",
69
+ "value": "#0334B7"
70
+ },
71
+ "800": {
72
+ "type": "color",
73
+ "value": "#022683"
74
+ },
75
+ "900": {
76
+ "type": "color",
77
+ "value": "#021C62"
78
+ }
79
+ },
80
+ "brick": {
81
+ "100": {
82
+ "type": "color",
83
+ "value": "#F8F0F0"
84
+ },
85
+ "200": {
86
+ "type": "color",
87
+ "value": "#E9D1D1"
88
+ },
89
+ "300": {
90
+ "type": "color",
91
+ "value": "#DDB6B7"
92
+ },
93
+ "400": {
94
+ "type": "color",
95
+ "value": "#D29E9F"
96
+ },
97
+ "500": {
98
+ "type": "color",
99
+ "value": "#BC6F71"
100
+ },
101
+ "600": {
102
+ "type": "color",
103
+ "value": "#B35B5D"
104
+ },
105
+ "700": {
106
+ "type": "color",
107
+ "value": "#8C4143"
108
+ },
109
+ "800": {
110
+ "type": "color",
111
+ "value": "#4E2425"
112
+ },
113
+ "900": {
114
+ "type": "color",
115
+ "value": "#3A1B1B"
116
+ }
117
+ },
118
+ "emerald": {
119
+ "100": {
120
+ "type": "color",
121
+ "value": "#EAF5EA"
122
+ },
123
+ "200": {
124
+ "type": "color",
125
+ "value": "#BCE0BD"
126
+ },
127
+ "300": {
128
+ "type": "color",
129
+ "value": "#93CD96"
130
+ },
131
+ "400": {
132
+ "type": "color",
133
+ "value": "#6FBC72"
134
+ },
135
+ "500": {
136
+ "type": "color",
137
+ "value": "#459549"
138
+ },
139
+ "600": {
140
+ "type": "color",
141
+ "value": "#357238"
142
+ },
143
+ "700": {
144
+ "type": "color",
145
+ "value": "#2E6331"
146
+ },
147
+ "800": {
148
+ "type": "color",
149
+ "value": "#244E26"
150
+ },
151
+ "900": {
152
+ "type": "color",
153
+ "value": "#132914"
154
+ }
155
+ },
156
+ "green": {
157
+ "100": {
158
+ "type": "color",
159
+ "value": "#DAF9E9"
160
+ },
161
+ "200": {
162
+ "type": "color",
163
+ "value": "#B5F4D4"
164
+ },
165
+ "300": {
166
+ "type": "color",
167
+ "value": "#22DA7C"
168
+ },
169
+ "400": {
170
+ "type": "color",
171
+ "value": "#1AA85F"
172
+ },
173
+ "500": {
174
+ "type": "color",
175
+ "value": "#15864C"
176
+ },
177
+ "600": {
178
+ "type": "color",
179
+ "value": "#127442"
180
+ },
181
+ "700": {
182
+ "type": "color",
183
+ "value": "#0C502D"
184
+ },
185
+ "800": {
186
+ "type": "color",
187
+ "value": "#093820"
188
+ },
189
+ "900": {
190
+ "type": "color",
191
+ "value": "#062A18"
192
+ }
193
+ },
194
+ "grey": {
195
+ "100": {
196
+ "type": "color",
197
+ "value": "#F6F6F6"
198
+ },
199
+ "200": {
200
+ "type": "color",
201
+ "value": "#E6E6E5"
202
+ },
203
+ "300": {
204
+ "type": "color",
205
+ "value": "#C0BFBD"
206
+ },
207
+ "400": {
208
+ "type": "color",
209
+ "value": "#ACAAA8"
210
+ },
211
+ "500": {
212
+ "type": "color",
213
+ "value": "#949290"
214
+ },
215
+ "600": {
216
+ "type": "color",
217
+ "value": "#676563"
218
+ },
219
+ "700": {
220
+ "type": "color",
221
+ "value": "#595856"
222
+ },
223
+ "800": {
224
+ "type": "color",
225
+ "value": "#464543"
226
+ },
227
+ "900": {
228
+ "type": "color",
229
+ "value": "#121212"
230
+ }
231
+ },
232
+ "pink": {
233
+ "100": {
234
+ "type": "color",
235
+ "value": "#FEEEF8"
236
+ },
237
+ "200": {
238
+ "type": "color",
239
+ "value": "#FDC7E8"
240
+ },
241
+ "300": {
242
+ "type": "color",
243
+ "value": "#FBA4DA"
244
+ },
245
+ "400": {
246
+ "type": "color",
247
+ "value": "#FA81CC"
248
+ },
249
+ "500": {
250
+ "type": "color",
251
+ "value": "#F521A5"
252
+ },
253
+ "600": {
254
+ "type": "color",
255
+ "value": "#DF0A8E"
256
+ },
257
+ "700": {
258
+ "type": "color",
259
+ "value": "#AA076C"
260
+ },
261
+ "800": {
262
+ "type": "color",
263
+ "value": "#62043E"
264
+ },
265
+ "900": {
266
+ "type": "color",
267
+ "value": "#4A032F"
268
+ }
269
+ },
270
+ "purple": {
271
+ "100": {
272
+ "type": "color",
273
+ "value": "#F8F0F6"
274
+ },
275
+ "200": {
276
+ "type": "color",
277
+ "value": "#E9CFE4"
278
+ },
279
+ "300": {
280
+ "type": "color",
281
+ "value": "#DCB3D4"
282
+ },
283
+ "400": {
284
+ "type": "color",
285
+ "value": "#D09AC5"
286
+ },
287
+ "500": {
288
+ "type": "color",
289
+ "value": "#C27BB4"
290
+ },
291
+ "600": {
292
+ "type": "color",
293
+ "value": "#B969A9"
294
+ },
295
+ "700": {
296
+ "type": "color",
297
+ "value": "#AF539D"
298
+ },
299
+ "800": {
300
+ "type": "color",
301
+ "value": "#853E77"
302
+ },
303
+ "900": {
304
+ "type": "color",
305
+ "value": "#4A2242"
306
+ }
307
+ },
308
+ "red": {
309
+ "100": {
310
+ "type": "color",
311
+ "value": "#FEEFEE"
312
+ },
313
+ "200": {
314
+ "type": "color",
315
+ "value": "#FEDFDE"
316
+ },
317
+ "300": {
318
+ "type": "color",
319
+ "value": "#FBAAA8"
320
+ },
321
+ "400": {
322
+ "type": "color",
323
+ "value": "#F85F5B"
324
+ },
325
+ "500": {
326
+ "type": "color",
327
+ "value": "#EA0F0A"
328
+ },
329
+ "600": {
330
+ "type": "color",
331
+ "value": "#CC0D08"
332
+ },
333
+ "700": {
334
+ "type": "color",
335
+ "value": "#8E0906"
336
+ },
337
+ "800": {
338
+ "type": "color",
339
+ "value": "#670704"
340
+ },
341
+ "900": {
342
+ "type": "color",
343
+ "value": "#4E0503"
344
+ }
345
+ },
346
+ "white": {
347
+ "500": {
348
+ "type": "color",
349
+ "value": "#FFFFFF"
350
+ }
351
+ },
352
+ "yellow": {
353
+ "050": {
354
+ "type": "color",
355
+ "value": "#F9FAE1"
356
+ },
357
+ "100": {
358
+ "type": "color",
359
+ "value": "#FDF3C1"
360
+ },
361
+ "200": {
362
+ "type": "color",
363
+ "value": "#FBE682"
364
+ },
365
+ "300": {
366
+ "type": "color",
367
+ "value": "#F9D425"
368
+ },
369
+ "400": {
370
+ "type": "color",
371
+ "value": "#E2BC06"
372
+ },
373
+ "500": {
374
+ "type": "color",
375
+ "value": "#CAA806"
376
+ },
377
+ "600": {
378
+ "type": "color",
379
+ "value": "#8B7304"
380
+ },
381
+ "700": {
382
+ "type": "color",
383
+ "value": "#786403"
384
+ },
385
+ "800": {
386
+ "type": "color",
387
+ "value": "#524402"
388
+ },
389
+ "900": {
390
+ "type": "color",
391
+ "value": "#2B2301"
392
+ }
393
+ },
394
+ "yolk": {
395
+ "100": {
396
+ "type": "color",
397
+ "value": "#FEF1D0"
398
+ },
399
+ "200": {
400
+ "type": "color",
401
+ "value": "#FCE4A2"
402
+ },
403
+ "300": {
404
+ "type": "color",
405
+ "value": "#F4B407"
406
+ },
407
+ "400": {
408
+ "type": "color",
409
+ "value": "#BB8A05"
410
+ },
411
+ "500": {
412
+ "type": "color",
413
+ "value": "#966F04"
414
+ },
415
+ "600": {
416
+ "type": "color",
417
+ "value": "#826004"
418
+ },
419
+ "700": {
420
+ "type": "color",
421
+ "value": "#594102"
422
+ },
423
+ "800": {
424
+ "type": "color",
425
+ "value": "#3F2E02"
426
+ },
427
+ "900": {
428
+ "type": "color",
429
+ "value": "#2E2201"
430
+ }
431
+ }
432
+ },
433
+ "sizing": {
434
+ "radius": {
435
+ "000": {
436
+ "type": "number",
437
+ "value": 0
438
+ },
439
+ "025": {
440
+ "type": "number",
441
+ "value": 2
442
+ },
443
+ "050": {
444
+ "type": "number",
445
+ "value": 4
446
+ },
447
+ "075": {
448
+ "type": "number",
449
+ "value": 6
450
+ },
451
+ "100": {
452
+ "type": "number",
453
+ "value": 8
454
+ },
455
+ "150": {
456
+ "type": "number",
457
+ "value": 12
458
+ },
459
+ "200": {
460
+ "type": "number",
461
+ "value": 16
462
+ },
463
+ "300": {
464
+ "type": "number",
465
+ "value": 24
466
+ },
467
+ "full": {
468
+ "type": "number",
469
+ "value": 9999
470
+ }
471
+ },
472
+ "scale": {
473
+ "000": {
474
+ "type": "number",
475
+ "value": 0
476
+ },
477
+ "010": {
478
+ "type": "number",
479
+ "value": 4
480
+ },
481
+ "020": {
482
+ "type": "number",
483
+ "value": 8
484
+ },
485
+ "030": {
486
+ "type": "number",
487
+ "value": 12
488
+ },
489
+ "040": {
490
+ "type": "number",
491
+ "value": 16
492
+ },
493
+ "050": {
494
+ "type": "number",
495
+ "value": 20
496
+ },
497
+ "060": {
498
+ "type": "number",
499
+ "value": 24
500
+ },
501
+ "070": {
502
+ "type": "number",
503
+ "value": 32
504
+ },
505
+ "080": {
506
+ "type": "number",
507
+ "value": 40
508
+ },
509
+ "090": {
510
+ "type": "number",
511
+ "value": 48
512
+ },
513
+ "100": {
514
+ "type": "number",
515
+ "value": 64
516
+ },
517
+ "110": {
518
+ "type": "number",
519
+ "value": 80
520
+ },
521
+ "120": {
522
+ "type": "number",
523
+ "value": 96
524
+ },
525
+ "130": {
526
+ "type": "number",
527
+ "value": 128
528
+ },
529
+ "140": {
530
+ "type": "number",
531
+ "value": 160
532
+ }
533
+ },
534
+ "stroke": {
535
+ "000": {
536
+ "type": "number",
537
+ "value": 0
538
+ },
539
+ "020": {
540
+ "type": "number",
541
+ "value": 0.25
542
+ },
543
+ "050": {
544
+ "type": "number",
545
+ "value": 1
546
+ },
547
+ "100": {
548
+ "type": "number",
549
+ "value": 2
550
+ },
551
+ "200": {
552
+ "type": "number",
553
+ "value": 4
554
+ },
555
+ "300": {
556
+ "type": "number",
557
+ "value": 6
558
+ }
559
+ }
560
+ },
561
+ "spacing": {
562
+ "scale": {
563
+ "000": {
564
+ "type": "number",
565
+ "value": 0
566
+ },
567
+ "010": {
568
+ "type": "number",
569
+ "value": 1
570
+ },
571
+ "020": {
572
+ "type": "number",
573
+ "value": 2
574
+ },
575
+ "030": {
576
+ "type": "number",
577
+ "value": 4
578
+ },
579
+ "040": {
580
+ "type": "number",
581
+ "value": 6
582
+ },
583
+ "050": {
584
+ "type": "number",
585
+ "value": 8
586
+ },
587
+ "060": {
588
+ "type": "number",
589
+ "value": 10
590
+ },
591
+ "070": {
592
+ "type": "number",
593
+ "value": 12
594
+ },
595
+ "080": {
596
+ "type": "number",
597
+ "value": 16
598
+ },
599
+ "090": {
600
+ "type": "number",
601
+ "value": 20
602
+ },
603
+ "100": {
604
+ "type": "number",
605
+ "value": 24
606
+ },
607
+ "110": {
608
+ "type": "number",
609
+ "value": 32
610
+ },
611
+ "120": {
612
+ "type": "number",
613
+ "value": 40
614
+ },
615
+ "130": {
616
+ "type": "number",
617
+ "value": 48
618
+ },
619
+ "140": {
620
+ "type": "number",
621
+ "value": 64
622
+ },
623
+ "150": {
624
+ "type": "number",
625
+ "value": 80
626
+ },
627
+ "160": {
628
+ "type": "number",
629
+ "value": 96
630
+ }
631
+ }
632
+ },
633
+ "typography": {
634
+ "font-family": {
635
+ "DMSans": {
636
+ "type": "string",
637
+ "value": "DM Sans"
638
+ },
639
+ "Fustat": {
640
+ "type": "string",
641
+ "value": "Fustat"
642
+ },
643
+ "Gabarito": {
644
+ "type": "string",
645
+ "value": "Gabarito"
646
+ },
647
+ "Geist Mono": {
648
+ "type": "string",
649
+ "value": "Geist Mono"
650
+ },
651
+ "JetBrains Mono": {
652
+ "type": "string",
653
+ "value": "JetBrains Mono"
654
+ }
655
+ },
656
+ "fontSize": {
657
+ "070": {
658
+ "type": "number",
659
+ "value": 11
660
+ },
661
+ "080": {
662
+ "type": "number",
663
+ "value": 13
664
+ },
665
+ "100": {
666
+ "type": "number",
667
+ "value": 16
668
+ },
669
+ "120": {
670
+ "type": "number",
671
+ "value": 19
672
+ },
673
+ "1250": {
674
+ "type": "number",
675
+ "value": 200
676
+ },
677
+ "145": {
678
+ "type": "number",
679
+ "value": 23
680
+ },
681
+ "175": {
682
+ "type": "number",
683
+ "value": 28
684
+ },
685
+ "200": {
686
+ "type": "number",
687
+ "value": 33
688
+ },
689
+ "250": {
690
+ "type": "number",
691
+ "value": 40
692
+ },
693
+ "300": {
694
+ "type": "number",
695
+ "value": 48
696
+ },
697
+ "360": {
698
+ "type": "number",
699
+ "value": 58
700
+ },
701
+ "435": {
702
+ "type": "number",
703
+ "value": 70
704
+ },
705
+ "525": {
706
+ "type": "number",
707
+ "value": 84
708
+ },
709
+ "625": {
710
+ "type": "string",
711
+ "value": "100"
712
+ },
713
+ "750": {
714
+ "type": "number",
715
+ "value": 120
716
+ }
717
+ },
718
+ "fontWeight": {
719
+ "bold": {
720
+ "type": "number",
721
+ "value": 700
722
+ },
723
+ "extraBold": {
724
+ "type": "number",
725
+ "value": 900
726
+ },
727
+ "light": {
728
+ "type": "number",
729
+ "value": 300
730
+ },
731
+ "normal": {
732
+ "type": "number",
733
+ "value": 500
734
+ }
735
+ },
736
+ "lineHeight": {
737
+ "loose": {
738
+ "type": "number",
739
+ "value": 160
740
+ },
741
+ "looser": {
742
+ "type": "number",
743
+ "value": 180
744
+ },
745
+ "normal": {
746
+ "type": "number",
747
+ "value": 140
748
+ },
749
+ "tight": {
750
+ "type": "number",
751
+ "value": 120
752
+ },
753
+ "tighter": {
754
+ "type": "number",
755
+ "value": 100
756
+ }
757
+ }
758
+ }
759
+ }
760
+ }