@nycds/variables 0.2.2 → 0.3.0-prerelease.1

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 (15) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/README.org +74 -217
  3. package/dist/dark.css +12 -8
  4. package/dist/dark.min.css +1 -1
  5. package/dist/variables.css +31 -9
  6. package/dist/variables.min.css +1 -1
  7. package/package.json +17 -2
  8. package/postcss.config.js +0 -1
  9. package/scripts/build.js +0 -72
  10. package/scripts/make-theme-files.js +0 -144
  11. package/tokens/dist/nyc.cmp.tokens.json +0 -583
  12. package/tokens/dist/nyc.dark.tokens.json +0 -755
  13. package/tokens/dist/nyc.light.tokens.json +0 -755
  14. package/tokens/dist/nyc.ref.tokens.json +0 -533
  15. package/tokens/src/nyc.tokens.json +0 -3415
package/tokens/dist/nyc.dark.tokens.json DELETED
@@ -1,755 +0,0 @@
1
- {
2
- "sys": {
3
- "size": {
4
- "width": {
5
- "page": {
6
- "min": {
7
- "description": "",
8
- "type": "dimension",
9
- "value": "{ref.length.320}"
10
- },
11
- "max": {
12
- "description": "",
13
- "type": "dimension",
14
- "value": "{ref.length.1090}"
15
- }
16
- },
17
- "surface": {
18
- "sm": {
19
- "description": "",
20
- "type": "dimension",
21
- "value": "{ref.length.240}"
22
- },
23
- "base": {
24
- "description": "",
25
- "type": "dimension",
26
- "value": "{ref.length.360}"
27
- },
28
- "lg": {
29
- "description": "",
30
- "type": "dimension",
31
- "value": "{ref.length.440}"
32
- }
33
- },
34
- "line-length": {
35
- "description": "",
36
- "type": "dimension",
37
- "value": "{ref.length.750}"
38
- }
39
- },
40
- "text": {
41
- "sm": {
42
- "description": "",
43
- "type": "dimension",
44
- "value": "{ref.length.16}"
45
- },
46
- "4xl": {
47
- "description": "",
48
- "type": "dimension",
49
- "value": "{ref.length.32}"
50
- },
51
- "6xl": {
52
- "description": "",
53
- "type": "dimension",
54
- "value": "{ref.length.56}"
55
- },
56
- "7xl": {
57
- "description": "",
58
- "type": "dimension",
59
- "value": "{ref.length.64}"
60
- },
61
- "base": {
62
- "description": "",
63
- "type": "dimension",
64
- "value": "{ref.length.18}"
65
- },
66
- "lg": {
67
- "description": "",
68
- "type": "dimension",
69
- "value": "{ref.length.20}"
70
- },
71
- "2xl": {
72
- "description": "",
73
- "type": "dimension",
74
- "value": "{ref.length.24}"
75
- },
76
- "3xl": {
77
- "description": "",
78
- "type": "dimension",
79
- "value": "{ref.length.28}"
80
- },
81
- "5xl": {
82
- "description": "",
83
- "type": "dimension",
84
- "value": "{ref.length.40}"
85
- },
86
- "fluid": {
87
- "5xl-7xl": {
88
- "type": "dimension",
89
- "value": "clamp(2.5rem, 1.8766rem + 3.1169vw, 4rem)"
90
- },
91
- "3xl-5xl": {
92
- "type": "dimension",
93
- "value": "clamp(1.75rem, 1.4383rem + 1.5584vw, 2.5rem)"
94
- },
95
- "4xl-6xl": {
96
- "type": "dimension",
97
- "value": "clamp(2rem, 1.3766rem + 3.1169vw, 3.5rem)"
98
- },
99
- "2xl-4xl": {
100
- "type": "dimension",
101
- "value": "clamp(1.5rem, 1.2922rem + 1.039vw, 2rem)"
102
- },
103
- "xl-4xl": {
104
- "type": "dimension",
105
- "value": "clamp(1.375rem, 1.1153rem + 1.2987vw, 2rem)"
106
- },
107
- "base-xl": {
108
- "type": "dimension",
109
- "value": "clamp(1.125rem, 1.0211rem + 0.5195vw, 1.375rem)"
110
- },
111
- "2xl-5xl": {
112
- "type": "dimension",
113
- "value": "clamp(1.5rem, 1.0844rem + 2.0779vw, 2.5rem)"
114
- },
115
- "lg-xl": {
116
- "type": "dimension",
117
- "value": "clamp(1.25rem, 1.1981rem + 0.2597vw, 1.375rem)"
118
- },
119
- "base-lg": {
120
- "type": "dimension",
121
- "value": "clamp(1.125rem, 1.0731rem + 0.2597vw, 1.25rem)"
122
- },
123
- "lg-2xl": {
124
- "type": "dimension",
125
- "value": "clamp(1.25rem, 1.1461rem + 0.5195vw, 1.5rem)"
126
- },
127
- "xl-3xl": {
128
- "type": "dimension",
129
- "value": "clamp(1.375rem, 1.2192rem + 0.7792vw, 1.75rem)"
130
- },
131
- "3xl-6xl": {
132
- "type": "dimension",
133
- "value": "clamp(1.75rem, 1.0227rem + 3.6364vw, 3.5rem)"
134
- },
135
- "lg-3xl": {
136
- "type": "dimension",
137
- "value": "clamp(1.25rem, 1.0422rem + 1.039vw, 1.75rem)"
138
- },
139
- "4xl-7xl": {
140
- "type": "dimension",
141
- "value": "clamp(2rem, 1.1688rem + 4.1558vw, 4rem)"
142
- },
143
- "sm-xl": {
144
- "type": "dimension",
145
- "value": "clamp(1rem, 0.8442rem + 0.7792vw, 1.375rem)"
146
- },
147
- "4xl-8xl": {
148
- "type": "dimension",
149
- "value": "clamp(2rem, 0.3377rem + 8.3117vw, 6rem)"
150
- },
151
- "xs-sm": {
152
- "type": "dimension",
153
- "value": "clamp(0.875rem, 0.8231rem + 0.2597vw, 1rem)"
154
- }
155
- },
156
- "xs": {
157
- "description": "",
158
- "type": "dimension",
159
- "value": "{ref.length.14}"
160
- },
161
- "xl": {
162
- "description": "",
163
- "type": "dimension",
164
- "value": "{ref.length.22}"
165
- },
166
- "8xl": {
167
- "description": "",
168
- "type": "dimension",
169
- "value": "{ref.length.96}"
170
- }
171
- },
172
- "line-height": {
173
- "body": {
174
- "description": "",
175
- "type": "dimension",
176
- "value": "{ref.length.24}"
177
- }
178
- },
179
- "border": {
180
- "sm": {
181
- "description": "",
182
- "type": "dimension",
183
- "value": "{ref.length.1-5}"
184
- },
185
- "base": {
186
- "description": "",
187
- "type": "dimension",
188
- "value": "{ref.length.2}"
189
- }
190
- }
191
- },
192
- "color": {
193
- "base": {
194
- "description": "",
195
- "type": "color",
196
- "value": "{ref.color.gray.white}"
197
- },
198
- "background": {
199
- "description": "",
200
- "type": "color",
201
- "value": "{ref.color.purple.10}"
202
- },
203
- "text": {
204
- "base": {
205
- "description": "",
206
- "type": "color",
207
- "value": "{ref.color.gray.white}"
208
- },
209
- "secondary": {
210
- "description": "",
211
- "type": "color",
212
- "value": "{ref.color.gray.80}"
213
- },
214
- "base-inverse": {
215
- "description": "",
216
- "type": "color",
217
- "value": "{ref.color.gray.black}"
218
- },
219
- "type-ahead": {
220
- "description": "",
221
- "type": "color",
222
- "value": "{ref.color.gray.50}"
223
- },
224
- "input": {
225
- "description": "",
226
- "type": "color",
227
- "value": "{ref.color.gray.black}"
228
- }
229
- },
230
- "primary": {
231
- "description": "",
232
- "type": "color",
233
- "value": "{ref.color.blue.40}"
234
- },
235
- "primary-hover": {
236
- "description": "",
237
- "type": "color",
238
- "value": "{ref.color.blue.30}"
239
- },
240
- "on-primary": {
241
- "description": "",
242
- "type": "color",
243
- "value": "{ref.color.gray.white}"
244
- },
245
- "secondary": {
246
- "description": "",
247
- "type": "color",
248
- "value": "{ref.color.purple.30}"
249
- },
250
- "on-secondary": {
251
- "description": "",
252
- "type": "color",
253
- "value": "{ref.color.gray.white}"
254
- },
255
- "disabled": {
256
- "description": "",
257
- "type": "color",
258
- "value": "{ref.color.gray.30}"
259
- },
260
- "on-disabled": {
261
- "description": "",
262
- "type": "color",
263
- "value": "{ref.color.gray.80}"
264
- },
265
- "surface": {
266
- "inactive": {
267
- "description": "",
268
- "type": "color",
269
- "value": "{ref.color.gray.10_60}"
270
- },
271
- "base": {
272
- "description": "",
273
- "type": "color",
274
- "value": "{ref.color.gray.black}"
275
- },
276
- "low": {
277
- "description": "",
278
- "type": "color",
279
- "value": "{ref.color.gray.10}"
280
- },
281
- "high": {
282
- "description": "Used in high-contrast contexts where the color stays consistent regardless of light or dark mode",
283
- "type": "color",
284
- "value": "{ref.color.gray.white}"
285
- },
286
- "high-overlay-black": {
287
- "description": "",
288
- "type": "color",
289
- "value": "{ref.color.gray.black_90}"
290
- },
291
- "highlight": {
292
- "description": "",
293
- "type": "color",
294
- "value": "{ref.color.blue.20}"
295
- },
296
- "high-overlay-white": {
297
- "description": "",
298
- "type": "color",
299
- "value": "{ref.color.gray.white_80}"
300
- },
301
- "input": {
302
- "description": "",
303
- "type": "color",
304
- "value": "{ref.color.gray.white}"
305
- },
306
- "input-highlight": {
307
- "description": "",
308
- "type": "color",
309
- "value": "{ref.color.blue.80}"
310
- },
311
- "success": {
312
- "description": "",
313
- "type": "color",
314
- "value": "{ref.color.green.10}"
315
- },
316
- "error": {
317
- "description": "",
318
- "type": "color",
319
- "value": "{ref.color.red.10}"
320
- },
321
- "warning": {
322
- "description": "",
323
- "type": "color",
324
- "value": "{ref.color.yellow.10}"
325
- },
326
- "info": {
327
- "description": "",
328
- "type": "color",
329
- "value": "{ref.color.blue.10}"
330
- },
331
- "emergency": {
332
- "description": "",
333
- "type": "color",
334
- "value": "{ref.color.red.40}"
335
- }
336
- },
337
- "on-surface": {
338
- "base": {
339
- "description": "",
340
- "type": "color",
341
- "value": "{ref.color.gray.white}"
342
- },
343
- "high": {
344
- "description": "Used in high-contrast contexts where the color stays consistent regardless of light or dark mode",
345
- "type": "color",
346
- "value": "{ref.color.gray.white}"
347
- }
348
- },
349
- "border": {
350
- "base": {
351
- "description": "",
352
- "type": "color",
353
- "value": "{ref.color.gray.30}"
354
- },
355
- "medium-high": {
356
- "description": "",
357
- "type": "color",
358
- "value": "{ref.color.gray.80}"
359
- },
360
- "selected": {
361
- "description": "",
362
- "type": "color",
363
- "value": "{sys.color.primary}"
364
- },
365
- "high": {
366
- "description": "",
367
- "type": "color",
368
- "value": "{ref.color.gray.white}"
369
- },
370
- "medium-low": {
371
- "description": "",
372
- "type": "color",
373
- "value": "{ref.color.gray.40}"
374
- },
375
- "focus": {
376
- "description": "",
377
- "type": "color",
378
- "value": "{ref.color.gray.white}"
379
- },
380
- "high-inverted": {
381
- "description": "",
382
- "type": "color",
383
- "value": "{ref.color.gray.black}"
384
- },
385
- "medium": {
386
- "description": "",
387
- "type": "color",
388
- "value": "{ref.color.gray.50}"
389
- },
390
- "focus-high": {
391
- "description": "",
392
- "type": "color",
393
- "value": "{ref.color.gray.black}"
394
- }
395
- },
396
- "inactive": {
397
- "description": "",
398
- "type": "color",
399
- "value": "{ref.color.gray.40}"
400
- },
401
- "on-inactive": {
402
- "description": "",
403
- "type": "color",
404
- "value": "{ref.color.gray.10}"
405
- },
406
- "on-secondary-hover": {
407
- "description": "",
408
- "type": "color",
409
- "value": "{ref.color.blue.10}"
410
- },
411
- "link-visited": {
412
- "description": "",
413
- "type": "color",
414
- "value": "{ref.color.purple.50}"
415
- },
416
- "link": {
417
- "description": "",
418
- "type": "color",
419
- "value": "{ref.color.blue.80}"
420
- },
421
- "element-hover": {
422
- "description": "",
423
- "type": "color",
424
- "value": "{ref.color.gray.white_15}"
425
- },
426
- "subproperty-background": {
427
- "description": "",
428
- "type": "color",
429
- "value": "{ref.color.purple.10}"
430
- },
431
- "auxiliary": {
432
- "success": {
433
- "description": "",
434
- "type": "color",
435
- "value": "{ref.color.green.70}"
436
- },
437
- "error": {
438
- "description": "",
439
- "type": "color",
440
- "value": "{ref.color.red.70}"
441
- },
442
- "warning": {
443
- "description": "",
444
- "type": "color",
445
- "value": "{ref.color.orange.80}"
446
- },
447
- "information": {
448
- "description": "",
449
- "type": "color",
450
- "value": "{ref.color.blue.80}"
451
- }
452
- },
453
- "link-high-contrast": {
454
- "description": "",
455
- "type": "color",
456
- "value": "{ref.color.gray.white}"
457
- },
458
- "link-inverted": {
459
- "description": "",
460
- "type": "color",
461
- "value": "{ref.color.blue.30}"
462
- },
463
- "element-pressed": {
464
- "description": "",
465
- "type": "color",
466
- "value": "{ref.color.gray.white_25}"
467
- },
468
- "link-hover": {
469
- "description": "",
470
- "type": "color",
471
- "value": "{ref.color.blue.70}"
472
- },
473
- "progress": {
474
- "incomplete": {
475
- "description": "",
476
- "type": "color",
477
- "value": "{ref.color.gray.70}"
478
- },
479
- "complete": {
480
- "description": "",
481
- "type": "color",
482
- "value": "{ref.color.gray.80}"
483
- }
484
- },
485
- "element-hover inverted": {
486
- "description": "",
487
- "type": "color",
488
- "value": "{ref.color.gray.10_15}"
489
- },
490
- "element-pressed inverted": {
491
- "description": "",
492
- "type": "color",
493
- "value": "{ref.color.gray.10_25}"
494
- }
495
- },
496
- "shadow": {
497
- "low": {
498
- "description": "",
499
- "type": "string",
500
- "value": "{ref.shadow.10}"
501
- },
502
- "base": {
503
- "description": "",
504
- "type": "string",
505
- "value": "{ref.shadow.20}"
506
- }
507
- },
508
- "gradient": {
509
- "background": {
510
- "description": "",
511
- "type": "string",
512
- "value": "{ref.gradient.purple}"
513
- },
514
- "text-fill": {
515
- "description": "",
516
- "type": "string",
517
- "value": "{ref.gradient.rainbow}"
518
- }
519
- },
520
- "space": {
521
- "xs": {
522
- "description": "",
523
- "type": "dimension",
524
- "value": "{ref.length.8}"
525
- },
526
- "sm": {
527
- "description": "",
528
- "type": "dimension",
529
- "value": "{ref.length.12}"
530
- },
531
- "base": {
532
- "description": "",
533
- "type": "dimension",
534
- "value": "{ref.length.16}"
535
- },
536
- "lg": {
537
- "description": "",
538
- "type": "dimension",
539
- "value": "{ref.length.24}"
540
- },
541
- "2xl": {
542
- "description": "",
543
- "type": "dimension",
544
- "value": "{ref.length.40}"
545
- },
546
- "5xl": {
547
- "description": "",
548
- "type": "dimension",
549
- "value": "{ref.length.64}"
550
- },
551
- "6xl": {
552
- "description": "",
553
- "type": "dimension",
554
- "value": "{ref.length.80}"
555
- },
556
- "8xl": {
557
- "description": "",
558
- "type": "dimension",
559
- "value": "{ref.length.112}"
560
- },
561
- "xl": {
562
- "description": "",
563
- "type": "dimension",
564
- "value": "{ref.length.32}"
565
- },
566
- "fluid": {
567
- "2xl-6xl": {
568
- "type": "dimension",
569
- "value": "clamp(2.5rem, 1.461rem + 5.1948vw, 5rem)"
570
- },
571
- "base-2xl": {
572
- "type": "dimension",
573
- "value": "clamp(1rem, 0.3766rem + 3.1169vw, 2.5rem)"
574
- },
575
- "2xl-5xl": {
576
- "type": "dimension",
577
- "value": "clamp(2.5rem, 1.8766rem + 3.1169vw, 4rem)"
578
- },
579
- "lg-2xl": {
580
- "type": "dimension",
581
- "value": "clamp(1.5rem, 1.0844rem + 2.0779vw, 2.5rem)"
582
- },
583
- "xs-sm": {
584
- "type": "dimension",
585
- "value": "clamp(0.5rem, 0.3961rem + 0.5195vw, 0.75rem)"
586
- },
587
- "base-xl": {
588
- "type": "dimension",
589
- "value": "clamp(1rem, 0.5844rem + 2.0779vw, 2rem)"
590
- },
591
- "lg-5xl": {
592
- "type": "dimension",
593
- "value": "clamp(1.5rem, 0.461rem + 5.1948vw, 4rem)"
594
- },
595
- "xl-2xl": {
596
- "type": "dimension",
597
- "value": "clamp(2rem, 1.7922rem + 1.039vw, 2.5rem)"
598
- },
599
- "lg-8xl": {
600
- "type": "dimension",
601
- "value": "clamp(1.5rem, -0.7857rem + 11.4286vw, 7rem)"
602
- },
603
- "lg-xl": {
604
- "type": "dimension",
605
- "value": "clamp(1.5rem, 1.2922rem + 1.039vw, 2rem)"
606
- },
607
- "base-lg": {
608
- "type": "dimension",
609
- "value": "clamp(1rem, 0.7922rem + 1.039vw, 1.5rem)"
610
- },
611
- "base-5xl": {
612
- "type": "dimension",
613
- "value": "clamp(1rem, -0.2468rem + 6.2338vw, 4rem)"
614
- },
615
- "lg-3xl": {
616
- "type": "dimension",
617
- "value": "clamp(1.5rem, 0.8766rem + 3.1169vw, 3rem)"
618
- },
619
- "7xl-8xl": {
620
- "type": "dimension",
621
- "value": "clamp(6rem, 5.5844rem + 2.0779vw, 7rem)"
622
- },
623
- "6xl-8xl": {
624
- "type": "dimension",
625
- "value": "clamp(5rem, 4.1688rem + 4.1558vw, 7rem)"
626
- },
627
- "xl-5xl": {
628
- "type": "dimension",
629
- "value": "clamp(2rem, 1.1688rem + 4.1558vw, 4rem)"
630
- },
631
- "3xl-5xl": {
632
- "type": "dimension",
633
- "value": "clamp(3rem, 2.5844rem + 2.0779vw, 4rem)"
634
- },
635
- "sm-base": {
636
- "type": "dimension",
637
- "value": "clamp(0.75rem, 0.6461rem + 0.5195vw, 1rem)"
638
- },
639
- "xs-base": {
640
- "type": "dimension",
641
- "value": "clamp(0.5rem, 0.2922rem + 1.039vw, 1rem)"
642
- },
643
- "5xl-6xl": {
644
- "type": "dimension",
645
- "value": "clamp(4rem, 3.5844rem + 2.0779vw, 5rem)"
646
- },
647
- "xs-xl": {
648
- "type": "dimension",
649
- "value": "clamp(0.5rem, -0.1234rem + 3.1169vw, 2rem)"
650
- },
651
- "xl-3xl": {
652
- "type": "dimension",
653
- "value": "clamp(2rem, 1.5844rem + 2.0779vw, 3rem)"
654
- },
655
- "base-4xl": {
656
- "type": "dimension",
657
- "value": "clamp(1rem, -0.039rem + 5.1948vw, 3.5rem)"
658
- },
659
- "lg-4xl": {
660
- "type": "dimension",
661
- "value": "clamp(1.5rem, 0.6688rem + 4.1558vw, 3.5rem)"
662
- },
663
- "2xl-4xl": {
664
- "type": "dimension",
665
- "value": "clamp(2.5rem, 2.0844rem + 2.0779vw, 3.5rem)"
666
- }
667
- },
668
- "2xs": {
669
- "description": "",
670
- "type": "dimension",
671
- "value": "{ref.length.4}"
672
- },
673
- "3xl": {
674
- "description": "",
675
- "type": "dimension",
676
- "value": "{ref.length.48}"
677
- },
678
- "4xl": {
679
- "description": "",
680
- "type": "dimension",
681
- "value": "{ref.length.56}"
682
- },
683
- "7xl": {
684
- "description": "",
685
- "type": "dimension",
686
- "value": "{ref.length.96}"
687
- }
688
- },
689
- "font": {
690
- "family": {
691
- "body": {
692
- "description": "",
693
- "type": "string",
694
- "value": "{ref.type.family.noto}"
695
- },
696
- "heading": {
697
- "description": "",
698
- "type": "string",
699
- "value": "{ref.type.family.clash}"
700
- }
701
- }
702
- },
703
- "radius": {
704
- "xs": {
705
- "description": "",
706
- "type": "dimension",
707
- "value": "{ref.length.8}"
708
- },
709
- "base": {
710
- "description": "",
711
- "type": "dimension",
712
- "value": "{ref.length.16}"
713
- },
714
- "lg": {
715
- "description": "",
716
- "type": "dimension",
717
- "value": "{ref.length.24}"
718
- },
719
- "2xl": {
720
- "description": "",
721
- "type": "dimension",
722
- "value": "{ref.length.40}"
723
- },
724
- "2xs": {
725
- "description": "",
726
- "type": "dimension",
727
- "value": "{ref.length.4}"
728
- },
729
- "sm": {
730
- "description": "",
731
- "type": "dimension",
732
- "value": "{ref.length.12}"
733
- },
734
- "xl": {
735
- "description": "",
736
- "type": "dimension",
737
- "value": "{ref.length.32}"
738
- },
739
- "fluid": {
740
- "base-2xl": {
741
- "type": "dimension",
742
- "value": "clamp(1rem, 0.3766rem + 3.1169vw, 2.5rem)"
743
- },
744
- "xs-base": {
745
- "type": "dimension",
746
- "value": "clamp(0.5rem, 0.2922rem + 1.039vw, 1rem)"
747
- },
748
- "sm-base": {
749
- "type": "dimension",
750
- "value": "clamp(0.75rem, 0.6461rem + 0.5195vw, 1rem)"
751
- }
752
- }
753
- }
754
- }
755
- }